// JavaScript Document // ul liのlast-of-child, first-of-childのクラスの付与 (function($){ $.fn.lfchild = $(function(){ $("ul>li:first-child,dl>dd:first-child").addClass("first-of-child"); $("ul>li:last-child,dl>dd:last-child").addClass("last-of-child"); }); })(jQuery); // スマホの店舗情報のトグル (function ($){ if($('#sidebar .shop').css("display")=="block"){ $('#sidebar .title').removeClass("close"); } else { $('#sidebar .title').addClass("close"); } $('#sidebar .title').click(function(){ $("+div", this).slideToggle(); $(this).toggleClass('close'); }); })(jQuery); // PC・SP切り替え (function ($){ var ViewPort = { width: 'device-width', initialScale: '1.0', minimumScale: '0.25', maximumScale: '1.6', //こちらの設定はご自由に modes : { sp: { width:'device-width', initialScale: '1.0', minimumScale: '0.25', maximumScale: '1.6' }, pc: { width: '1000', initialScale: '0.37', minimumScale: '0.25', maximumScale: '1.0' } }, currentMode : 'sp', //ページ読込み時に実行 Cookieから設定を読み出す init: function () { if ($.cookie('viewport-mode')) { var modeName = $.cookie("viewport-mode"); this.changeMode(modeName); } }, //スマホ向けとPC向けを切り替え changeMode: function(modeName){ var mode = this.modes[modeName]; $.cookie('viewport-mode', modeName); //Cookieに値を設定 this.width = mode.width; this.initialScale = mode.initialScale; this.minimumScale = mode.minimumScale; this.maximumScale = mode.maximumScale; this.currentMode = modeName; this.applyMetaTag(); }, //現在の設定でmetaタグを差し替える applyMetaTag: function (){ var content = 'width=' + this.width + ', initial-scale=' + this.initialScale + ', minimum-scale=' + this.minimumScale + ', maximum-scale=' + this.maximumScale; $('meta[name=viewport]').attr('content', content); }, }; ViewPort.init(); $('#btnPC').on('click', '', function(){ ViewPort.changeMode('pc'); }); $('#btnSP').on('click', '', function(){ ViewPort.changeMode('sp'); }); })(jQuery);