iPadで特定要素をタップ時,別ページへ移動させない方法

iPadで特定要素をタップ時,別ページへ移動させない方法

$(“ここに止めたい場所を書いてください”).click(function(e){
if ($(window).width() >= 768 && $(window).width() <= 1024) {
e.preventDefault();
}
});

例 /*#contentsで囲まれたpをクリックした場合*/
$(“#contents p”).click(function(e){

/*それがもし、iPad表示(ウィンドウサイズが768px~1024の間)だったら*/
if ($(window).width() >= 768 && $(window).width() <= 1024) {

/*pの子要素のによって他ページに飛ぶのをさせない*/
e.preventDefault();

}
});

これを応用することでiPad表示の時にグロナビを押したときにドロップダウンを表示させることもできます。

参考サイト
http://black-flag.net/jquery/20110526-3128.html

ホームページ制作の
お問い合わせ

Y desIgnのサービスは全国対応可!

全国
対応

遠方の企業様にLINEやzoomなどのビデオ会議ツールを活用させていただくことで日本全国のお客様へのサービス提供を可能としております。

ホームページを作りたいと
お伝えください

受付時間
平日火曜~金曜 10:00~17:00

0586-52-5113