//$(document).ready(function(){ //if ($(window).width() < 640) {//ウインドウサイズが1024px以下ならば //$('.cats').click(function() {//#idをクリックした時にイベントを適用 //sample script ほげほげ //} //}); $(document).ready(function(){ var windowWidth = $(window).width(); var windowSm = 640; if (windowWidth <= windowSm) { //横幅640px以下のとき(つまりスマホ時)に行う処理を書く $(function(){ $(window).bind("load", function(){ if(document.URL.match("/entry")) { $('body').css('padding-bottom','0'); $('#fixnav').css('display','none'); } else if(document.URL.match("/login")) { $('body').css('padding-bottom','0'); $('#fixnav').css('display','none'); } }); }); //bxslider /* $(function(){ $('#BoxMypageContents .calendar').bxSlider({ pager: false //minSlides: 1 //最低限表示する数 //maxSlides: 1 //マックスで表示する数 //moveSlides: 0 //スライドをどのくらいの数を動かすか //slideWidth: 0 //ひとつの要素の幅を指定 });//ここで指定した'.slider'というclass名でhtmlを囲みます }); $(function(){ $('.tab_js li').click(function() { $('.tab_js li').removeClass('active'); $(this).addClass('active'); $('.tab_content > div').hide(); $($(this).find('a').attr('href')).fadeIn(); //サイドとメインの高さを指定し直す(tile.js使用時のみ実行) setTimeout("lateTile()", 500); return false; }); $('#tab_content02 .calendar').bxSlider({ pager: false //minSlides: 1 //最低限表示する数 //maxSlides: 1 //マックスで表示する数 //moveSlides: 0 //スライドをどのくらいの数を動かすか //slideWidth: 0 //ひとつの要素の幅を指定 });//ここで指定した'.slider'というclass名でhtmlを囲みます $(".tab_js li:first").click(); }); */ //slick /* $(function() { var sliderInTab = $('#BoxMypage .calendar, .BoxBizCalendar .calendar:not(.plain)'); sliderInTab.slick({ //infinite: true, infinite: false, dots:false, responsive: [{ breakpoint: 640, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); $('.tab_js li').click(function() { $('#tab_content_02').show(); sliderInTab.slick('slickGoTo', 0, true); }); /* $('#tab_02').click(function() { $('#tab_content_02').show(); sliderInTab.slick('slickGoTo', 0, true); }); $('#tab_03').click(function() { $('#tab_content_03').show(); sliderInTab.slick('slickGoTo', 0, true); });*/ /* }); */ //サイト内リンク 別ページの指定idへの推移時、ヘッダー分下げる $(function() { $(window).on('load', function() { var hash = location.hash; if(hash){ var $target = $(hash); var pos = $target.offset().top - 76; $("html, body").animate({scrollTop:pos}, 200); } }); }); } else { //横幅640px超のとき(タブレット、PC)に行う処理を書く $(function(){ $(window).bind("load", function(){ if(document.URL.match("/message")) { var nav = $(".SideMenu"); //navの位置 var navTop = nav.offset().top; //スクロールをするたびに実行 $(window).scroll(function () { var winTop = $(this).scrollTop(); nav.stop(); //これがないと連続して実行されたときに変な動きになります。 //スクロール位置がnavの位置より下だったらクラスfixedを追加 if (winTop >= navTop) { nav.addClass('fixed'); nav.animate({top: winTop + "px"}, 0); } else if (winTop <= navTop) { nav.removeClass('fixed'); } }); } else if(document.URL.match("/account")) { var nav = $(".SideMenu"); //navの位置 var navTop = nav.offset().top; //スクロールをするたびに実行 $(window).scroll(function () { var winTop = $(this).scrollTop(); nav.stop(); //これがないと連続して実行されたときに変な動きになります。 //スクロール位置がnavの位置より下だったらクラスfixedを追加 if (winTop >= navTop) { nav.addClass('fixed'); nav.animate({top: winTop + "px"}, 0); } else if (winTop <= navTop) { nav.removeClass('fixed'); } }); } else if(document.URL.match("/myprofile")) { var nav = $(".SideMenu"); //navの位置 var navTop = nav.offset().top; //スクロールをするたびに実行 $(window).scroll(function () { var winTop = $(this).scrollTop(); nav.stop(); //これがないと連続して実行されたときに変な動きになります。 //スクロール位置がnavの位置より下だったらクラスfixedを追加 if (winTop >= navTop) { nav.addClass('fixed'); nav.animate({top: winTop + "px"}, 0); } else if (winTop <= navTop) { nav.removeClass('fixed'); } }); } }); }); } $(function () { if ( $('.tab_js ul').children().hasClass('active') ) { var tabContentId = $('.tab_js li.active').find('a').attr('href'); $('.tab_content > ' + tabContentId).show(); } else { $('.tab_content > div:first').show(); $('.tab_js li:first').addClass('active'); } $('.tab_js li').click(function() { $('.tab_js li').removeClass('active'); $(this).addClass('active'); $('.tab_content > div').hide(); $($(this).find('a').attr('href')).fadeIn(); //サイドとメインの高さを指定し直す(tile.js使用時のみ実行) setTimeout("lateTile()", 500); return false; }); }); });