使用しているブラウザがモバイルデバイスの場合、コードを操作して特定のDIVを非表示にするのに問題があります。
経歴:カスタムWordPressテンプレートを作成していて、デザインが完全にレスポンシブになっています。ただし、タッチスクリーンでは見栄えがよくないホバーテクニックを使用している特定のDIVを除いて、非表示にしたいだけです。ユーザーがモバイルデバイスを使用している場合は、そのセクション。
私はいくつかの検索を行って、ブラウザがモバイルデバイスであるかどうかを検出できるこの小さな気の利いたコードを見つけました(存在する場合はより良いコードを教えてくださいが、巨大なものは何もありません)、私は現在それを与えていますモバイルブラウザかどうかを知らせるアラートボックス:
<script type="text/javascript">
var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) { alert("MOBILE DEVICE!!"); } else { alert("NOT A MOBILE DEVICE!!"); }
</script>
今、私がやりたいのは、本質的に次のように言うことだけです。
if (mobile) { .navWrap {display: none;} }
私はそれが機能しているコードではないことを知っています、私は使用していくつかのテストをしましgetElementById
たが、私の目標を達成する方法を理解することができませんでした。.navWrapクラスを#navWrapに変更したので、で選択できましたgetElementById
が、それも機能しませんでした。
だから、私を助けることができる素晴らしい天才はいますか?ありがとう!
この縮小されたjQueryスニペットを使用して、ユーザーがモバイルデバイスを使用して表示しているかどうかを検出できます。 jQuery.browser.mobile
- ブラウザがモバイルデバイスの場合、jQuery.browser.mobileはtrueになります
あなたはこのコードを試すことができます:
<script type="text/javascript">
var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
alert("MOBILE DEVICE!!");
$('.navWrap').css('display', 'none'); // OR you can use $('.navWrap').hide();
}
else
{
alert("NOT A MOBILE DEVICE!!");
}
</script>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加