javascript - 移动 javascript 事件多次触发

Question

我正在使用 Zepto、骨干网和 phonegap 创建一个混合移动应用程序，并且在绑定事件时遇到了问题。当第一次点击发生时，事件被触发一次并且页面滑出视图，当页面返回视图并且再次发生点击时，事件被触发两次，如果第三次触发事件，则触发三次次...在绑定事件之前取消绑定并不能修复它，stopImmediatePropagation 也不起作用。

 $('#page-2-view-btn').unbind('click').bind('click', function(e){
    e.stopImmediatePropagation();
    alert('clicked');
    var view = new PageView2;
    navigator.navigateTo(view);
    return false;
 });

还有其他人遇到这个问题吗？

Answer 1

感谢您的回复，但最终问题是鬼点击。可以在https://developers.google.com/mobile/articles/fast_buttons或http://labs.ft.com/2011/08/fastclick-native-like-tapping-for-touch-apps/找到解决方案

Answer 2

试试这个：

 $('#page-2-view-btn').unbind('click', function(){
    $(this).bind('click', function(e){
        e.stopImmediatePropagation();
        alert('clicked');
        var view = new PageView2;
        navigator.navigateTo(view);
        return false;
    });
 });

希望这会有所帮助！