javascript - jQuery - 点击事件在 iPad 上被调用两次

Question

我为 iPad 设计的 Web 应用程序有问题。 我使用 jQuery 和 jQuery UI 在屏幕上拖动元素。因为在iPad上，元素默认是不能拖动的，所以我添加了这个库:

http://code.google.com/p/jquery-ui-for-ipad-and-iphone/

包括它，我可以在 iPad 上拖放元素，但也出现问题。我在可拖动元素上还有一个带有图像的 div，它应该是可点击的。

所以我整合了这些行:

$(document).ready(function() {
    $(".note").draggable();
    $('.closebutton').click(function() {
        alert("test");
    });
});

问题是，包括拖库，提示消息 test 弹出两次或者卡屏。

我在这里创建了一个完整的工作演示:

http://jsbin.com/oliwo/2/

在普通的桌面浏览器上，如 Firefox 4 Beta 和 Safari，它可以工作，只有一条 test 消息通过在 x - delete 图像上单击鼠标出现。在 iPad 上，我收到两次消息或屏幕卡住。

有人能帮帮我吗？非常感谢您，并致以最诚挚的问候。

Answer 1

这不是真正的回应，因为我不知道为什么你有两次。但是如果您确定您的点击事件是应该附加到该按钮的唯一点击事件行为，您可以尝试解决方法；在你绑定(bind)之前做一个 unbind() ，这将删除所有以前的点击绑定(bind)(所以如果多次运行，你将只得到一个事件):

$('.closebutton').unbind().click(function() { ...

或更好:

$('.closebutton').unbind('click').click(function() { ...