ブログ

BLOG

CATEGORY

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