twitter-bootstrap - 推特引导按钮点击

Question

我正在为我的新网站使用引导程序。我想使用按钮插件。不是将 jquery.trigger 代码添加到 bootstrap-button.js 中，而是当前的最佳做法是在单击按钮时显示警报？

引导按钮.js：

  Button.prototype.toggle = function () {
    var $parent = this.$element.parent('[data-toggle="buttons-radio"]')

    $parent && $parent
      .find('.active')
      .removeClass('active')


    this.$element.toggleClass('active')

      this.$element.trigger('button-change') //added code

  }

Answer 1

通过直接编辑 Bootstrap 插件，它不仅消除了使用 CDN 的可能性，而且还使升级到未来版本变得复杂。出于这个原因，通常最好的做法是在不进行此类更改的情况下实现其他行为。许多 Twitter Bootstrap 插件提供了各种事件来实现这种做法。在那些不触发事件的插件中，添加此类事件可以说是不必要的。

在这种特殊情况下，Button 插件不会更改click事件（不进行preventDefault()或stopPropagation()调用），因此只需将其他侦听器附加到click事件本身就可以了。

例如：

$('body').on('click.myListener', '[data-toggle=^button]', function (e) {
  // do something
  console.log(e.target); // originating button
});