滑动，swipeleft，swiperight事件不会在图像上触发

Question

我想要将jQuery mobile的swiperight event与图像结合使用，该图像似乎不起作用。

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

我确信只有桌面浏览器有这个问题，因为移动浏览器通常不会在刷卡拖动图像。

的解决方案建议here防止在所有浏览器上拖动图像：

$('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"); 
    }); 
});