javascript - スワイプ、スワイプレフト、スワイプライトイベントは画像でトリガーされません

Question

jQuery mobileのスワイプライトイベントを、機能していないように見える画像と組み合わせて使用​​したいと思います。

HTML：

<div id="one"><img src="http://jquerymobile.com/wp-content/uploads/2012/09/jquery-mobile-logo-03.png"/></div>
<div id="two">works</div>

JS：

$("#one").on("swiperight", function() {
    alert("does not work");
});
$("#two").on("swiperight", function() {
    alert("works");
});

JSFiddle

Answer 1

モバイルブラウザは通常スワイプで画像をドラッグしないため、この問題が発生するのはデスクトップブラウザだけだと確信しています。

ここで提案する解決策は、すべてのブラウザで画像をドラッグすることを防ぎます。

$('img').on('dragstart', function(event) {
    event.preventDefault();
});

これがあなたの新しいフィドルです：http：//jsfiddle.net/4CbEQ/1/

Answer 2

画像のドラッグを防ぐ必要があります。実際の例を次に示します：http：//jsfiddle.net/Gajotres/SgUZK/

$(document).on('pagebeforeshow', '#index', function(){   
    $('img').on('dragstart', function(event) { event.preventDefault(); });

    $("#one").on("swiperight", function() {
        alert("does not work");
    });
    $("#two").on("swiperight", function() {
        alert("works");
    });
});