javascript - 如何触发动态分配的 DOM 事件以及 Backbone 事件？

Question

我想在每个页面的 mousedown 按钮上附加一个加载器。

我有一个函数在布局呈现并通过顶层 View 后触发，然后捕获每个按钮并在其上附加一个 mousedown 事件:

attachGlobalButtonEventHandler : function(view){
        view.$el.find('button.viewtag, button.newtag').on('mousedown', function(){
            var $target = $(this);

            $target.addClass('activated');
            $target.prop('disabled', true);
        });
    }

这工作正常，但问题是我的按钮上的主干事件没有被触发，看起来像:

events : {
            'click .newtag' : 'gotoCreate'
        },
        gotoCreate : function(evt) {
            evt.preventDefault();

            app.router.navigate('somewhere', true);
        }

如果我删除 attachGlobalButtonEventHandler，则点击 newtag 会正常触发，但如果附加了处理程序则根本不会触发。我怎样才能确保主干单击事件也会触发？

Answer 1

这里的问题是disabled属性和订单事件被执行。

mousedown 事件发生在 click 事件之前，在 mousedown 回调中禁用按钮，从而删除 click 事件完全。

检查这个jsFiddle出去。如果您注释掉 $(this).prop('disabled', true); 行，则 click 事件将触发。

通过添加 setTimeout，您可以在下一次报价时有效地执行它，参见 jsFiddle了解详情。

编辑:我刚刚注意到@codemonkey 添加了一条暗示同样事情的评论。