前提・実現したいこと
現在大きめの表をワードプレスの記事内で表示しており、
以下の状態を実現するためjQueryを利用しています。
-PC画面では上部のタイトル固定で表示
-スマホ画面では縦横のスクロールバーを使って表示
※スマホではタイトル固定しない理由は、
横スクロールとタイトル固定が合わさると、タイトルと表がずれてしまう為です。
発生している問題・エラーメッセージ
PCでのみ作動させたいjQueryがなぜかスマホでも動いてしまう。
phpに記載したコードは以下です。
該当のソースコード
以下のjQuery.floatTheadを利用して表のタイトルを固定しています。
http://webtrace-cuisine.com/201610/floatthead/
こちらのコードで、425pxより広い画面であればjQueryを実行するという設定を行なったつもりでおります。
//スマホ時以外見出し追従 $(document).ready(function(){ if ($(window).width() > 425) { $('#id').click(function() { //実行する処理 <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.floatThead.min.js"></script> <script type="text/javascript"> jQuery(function(){ $('table.tablefix').floatThead(); }); </script> } }); //
何とぞ、よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/15 04:49