0

我想将 jQuery mobile 的swiperight 事件与似乎不起作用的图像结合使用。

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

4

2 回答 2

4

我很确定只有桌面浏览器有这个问题,因为移动浏览器通常不会在滑动时拖动图像。

此处建议的解决方案可防止在所有浏览器中拖动您的图像:

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

所以这是你的新工作小提琴:http: //jsfiddle.net/4CbEQ/1/

于 2013-03-25T08:55:03.647 回答
3

您需要防止图像拖动,这是一个工作示例: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");
    });
});
于 2013-03-25T09:02:16.947 回答