javascript - 移动 JavaScript 事件多次触发

Question

我正在使用 Zepto、backbone 和 Phonegap 创建一个混合移动应用程序，但在绑定(bind)事件时遇到了问题。当第一次发生单击时，该事件将被触发一次并且页面滑出 View ，当页面返回 View 并且再次发生单击时，该事件将被触发两次，如果第三次执行该事件，该事件将被触发三次次...在绑定(bind)事件之前进行取消绑定(bind)并不能解决问题，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

试试这个:

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

希望这会有所帮助!!