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

【问题标题】：How to use bootstrap-button.js with Meteor?如何将 bootstrap-button.js 与 Meteor 一起使用？
【发布时间】：2012-11-16 09:06:33
【问题描述】：

我正在尝试将 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 的怪癖？

【问题讨论】：

标签： javascript jquery twitter-bootstrap meteor

【解决方案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 方法。

【讨论】：