解決させたいことは、jsでの分岐で、PC用とSP用のjsファイルを切り替えをしているのですが、SPへのブレイクポイント768pxへ切り替え後と、PC版へ戻した後にリロードを行っているのですが、スマートに記述する方法をご教授いただきたいです。
以下、ソースになります。
何卒、よろしくお願い致します。
// js分岐記述 jQuery(document).ready(function($) { //PC環境の場合 if (window.matchMedia( '(min-width: 769px)' ).matches) { $.ajax({ url: 'js/pc.js', dataType: 'script', cache: false }); //モバイル環境の場合 } else { $.ajax({ url: 'js/sp.js', dataType: 'script', cache: false }); }; }); // リロード記述 var context; var $window = $(window); // run this right away to set context if ($window.width() <= 768) { context = 'small'; } else { context = 'large'; } // refresh the page only if you're crossing into a context // that isn't already set $(window).resize(function() { if(($window.width() <= 768) && (context != 'small')) { //refresh the page location.reload(); } else if (context != 'large') { location.reload(); } });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。