解決させたいことは、window.matchMediaの条件分岐で、else ifやelseの時に、ページを一度リロードさせたいです。
単純に、 location.reload();だけいれると、無限ループします。
ソースコードを修正しました。
if (window.matchMedia('screen and (max-width:767px)').matches) { $(function() { //faq ページ $('#faq-ttl-tab1-1').prependTo('#faq-cont-tab1-1'); $('#faq-ttl-tab1-2').prependTo('#faq-cont-tab1-2'); $('#faq-ttl-tab1-3').prependTo('#faq-cont-tab1-3'); $('#faq-ttl-tab2-1').prependTo('#faq-cont-tab2-1'); $('#faq-ttl-tab2-2').prependTo('#faq-cont-tab2-2'); $('#faq-ttl-tab2-3').prependTo('#faq-cont-tab2-3'); $('#faq-ttl-tab2-4').prependTo('#faq-cont-tab2-4'); $('#faq-ttl-tab2-5').prependTo('#faq-cont-tab2-5'); $('#faq-ttl-tab2-6').prependTo('#faq-cont-tab2-6'); $('#faq-ttl-tab2-7').prependTo('#faq-cont-tab2-7'); $('#faq-ttl-tab2-8').prependTo('#faq-cont-tab2-8'); $('#faq-ttl-tab2-9').prependTo('#faq-cont-tab2-9'); $('#faq-ttl-tab2-10').prependTo('#faq-cont-tab2-10'); $('#faq-ttl-tab2-11').prependTo('#faq-cont-tab2-11'); $('#faq-ttl-tab2-12').prependTo('#faq-cont-tab2-12'); $('#faq-ttl-tab2-13').prependTo('#faq-cont-tab2-13'); $('#faq-ttl-tab2-14').prependTo('#faq-cont-tab2-14'); $('#faq-ttl-tab2-15').prependTo('#faq-cont-tab2-15'); $('#faq-ttl-tab2-16').prependTo('#faq-cont-tab2-16'); $('#faq-ttl-tab2-17').prependTo('#faq-cont-tab2-17'); $('#faq-ttl-tab2-18').prependTo('#faq-cont-tab2-18'); $('#faq-ttl-tab2-19').prependTo('#faq-cont-tab2-19'); $('#faq-ttl-tab2-20').prependTo('#faq-cont-tab2-20'); $('#faq-ttl-tab3-1').prependTo('#faq-cont-tab3-1'); $('#faq-ttl-tab3-2').prependTo('#faq-cont-tab3-2'); $('#faq-ttl-tab3-3').prependTo('#faq-cont-tab3-3'); $('#faq-ttl-tab3-4').prependTo('#faq-cont-tab3-4'); $('#faq-ttl-tab3-5').prependTo('#faq-cont-tab3-5'); $('#faq-ttl-tab3-6').prependTo('#faq-cont-tab3-6'); $('#faq-ttl-tab4-1').prependTo('#faq-cont-tab4-1'); $('#faq-ttl-tab4-2').prependTo('#faq-cont-tab4-2'); $('#faq-ttl-tab4-3').prependTo('#faq-cont-tab4-3'); $('#faq-ttl-tab4-4').prependTo('#faq-cont-tab4-4'); $('#faq-ttl-tab4-5').prependTo('#faq-cont-tab4-5'); //mamebus ページ $('#mamebus-ttl-tab1-1').prependTo('#mamebus-cont-tab1-1'); $('#mamebus-ttl-tab2-1').prependTo('#mamebus-cont-tab2-1'); $('#mamebus-ttl-tab3-1').prependTo('#mamebus-cont-tab3-1'); //mamexshop ページ $('#mamexshops-ttl-tab1-1').prependTo('#mamexshops-cont-tab1-1'); $('#mamexshops-ttl-tab2-1').prependTo('#mamexshops-cont-tab2-1'); $('#mamexshops-ttl-tab3-1').prependTo('#mamexshops-cont-tab3-1'); $('#mamexshops-ttl-tab4-1').prependTo('#mamexshops-cont-tab4-1'); $('#mamexshops-ttl-tab5-1').prependTo('#mamexshops-cont-tab5-1'); $('#mamexshops-ttl-tab6-1').prependTo('#mamexshops-cont-tab6-1'); $('#mamexshops-ttl-tab7-1').prependTo('#mamexshops-cont-tab7-1'); $('#mamexshops-ttl-tab8-1').prependTo('#mamexshops-cont-tab8-1'); $('#mamexshops-ttl-tab9-1').prependTo('#mamexshops-cont-tab9-1'); }); $(window).on('load', function() { $('.tab-content-wrap .child').css({ display: 'none' }); $('.accordion-content-wrap .child').css({ display: 'none' }); $(".tab-content-wrap li").removeClass('hide'); }); } else if (window.matchMedia('screen and (min-width:768px)').matches) { // pc 親 $(window).on('load', function() { //クリックしたときのファンクションをまとめて指定 // .hide $('.tab-content-wrap > ul > li').not(':first').addClass('hide'); $('.tab-menu-wrap > li').click(function() { //.index()を使いクリックされたタブが何番目かを調べ、 //indexという変数に代入します。 var index = $('.tab-menu-wrap > li').index(this); //コンテンツを一度すべて非表示にし、 $('.tab-content > li').css('display', 'none'); //クリックされたタブと同じ順番のコンテンツを表示します。 $('.tab-content > li').eq(index).css('display', 'block'); //一度タブについているクラスselectを消し、 $('.tab-menu-wrap > li').removeClass('select'); //クリックされたタブのみにクラスselectをつけます。 $(this).addClass('select') }); }); } else { }
if (!navigator.userAgent.match(/(iPhone|Android|iPad)/)) { var i = 0; function checkWidth() { var windowsize = $(window).width(); if (windowsize > 768 && i==0){ i = 1; } else if (windowsize <= 768 && i==1) { location.reload(); i = 0; } } // Execute on load checkWidth(); // Bind event listener $(window).resize(checkWidth); }
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/01/11 18:31
退会済みユーザー
2017/01/11 18:33
2017/01/12 08:51