Meteor + Bootstrap - 警报关闭.bs.alert 不会触发

Question

我正在使用 Meteor 和 Bootstrap，以及 nemo64:bootstrap 包。在custom.bootstrap.json 我有“警报”和“警报”。

我正在尝试在模板事件中捕获closed.bs.alert 事件。由于某种原因，它不会捕获。

Template.alert.events({
    'closed.bs.alert .alert': function () {
        console.log('closed'); // does not trigger
    }
});

奇怪的是，close.bs.alert 确实有效：

Template.alert.events({
    'close.bs.alert .alert': function () {
        console.log('closed'); // triggers
    }
});

另外，如果我通过 jQuery 添加事件，我可以捕获 closed.bs.alert:

$('.alert').on('closed.bs.alert', function () { 
   console.log('closed'); // triggers
}); 

所以，我知道我的事件格式正确，并且我知道 closed.bs.alert 事件正在触发...但由于某种原因，我无法使用 Template.alert.events 捕获它。

有什么想法吗？

Answer 1

我深入研究了 Bootstrap 代码，发现它在哪里触发了这个事件：alert.js, line 50

首先，我开始使用的技术：

Templates.alert.onRendered({
    $('.alert').on('closed.bs.alert', function (e) {
        console.log('closed'); // triggers =D
    });
});

我认为问题在于 Bootstrap 在触发事件之前分离了警报，所以像 $(document).on('closed.bs.alert', '.alert') 这样的事情无法工作。我不确定 100%，但我怀疑 Meteor 的 Template.my_template.events() 触发器也使用了非常相似的方法。

通常这会起作用：

$(function () {
    $('.alert').on('closed.bs.alert', function () {
        console.log('closed'); // doesn't trigger
    });
});

但是，Meteor 对该计划造成了影响，因为我正在从数据中加载警报，但在触发时它们并不存在。

但是，通过将 jQuery 样式的 on() 放入 Template.my_template.onRender() 似乎可以解决问题。

此外，Bootstrap 不会抛出事件，除非警报具有“fade”类。您可以分配淡入淡出类而不包括“过渡”模块。如果您将其关闭，您将无法获得效果，但无论如何都会触发该事件。