javascript - 如何将 bootstrap-button.js 与 Meteor 一起使用？

Question

我正在尝试将 Boostrap 的 button.js 与 Meteor 一起使用，但它并没有真正按照我期望的方式工作。

以下方法用于处理登录事件:

Template.login_form.events['click #login-button'] = function (evt, tmpl){
     console.log($('#'+evt.target.id));
     console.log([evt.target]);
     console.log($('#'+evt.target.id).button('loading'));
     console.log(evt.target.button('loading'));
};

前两个方法返回完全相同的东西，一个带有 #login-button DOM 元素的数组。然而，查看后两个调用，只有使用 JQuery 查找的调用才有效。

当涉及到 Bootstrap、JQuery 或 JS 时，我是否遗漏了一些东西，或者这是 Meteor 的怪癖？

Answer 1

bootstrap button 方法仅适用于 jQuery 对象，不适用于普通 DOM 对象。所以，这与 Meteor.js 无关。您的最后一个示例可能如下所示:

console.log($(evt.target).button('loading'));

编辑:顺便说一句，以下两行也不等效:

 console.log($('#'+evt.target.id));
 console.log([evt.target]);

后者返回一个普通数组，而 jQuery 函数 $ 返回一个特殊的 jQuery 集合，其中除其他外，还提供 button 方法。