javascript - Bootstrap onClick 按钮事件

Question

这似乎是一个愚蠢的问题，但只是 Bootstrap ，并且它没有在网站上提供任何有关向按钮添加 Javascript 回调的示例...

尝试为我的按钮设置一个 id 标志，然后

<div class="btn-group">
  <button id="rectButton" class="btn">Rectangle</button>
  <button class="btn">Circle</button>
  <button class="btn">Triangle</button>
  <button class="btn">Line</button>
  <button class="btn">Curve</button>
  <button class="btn">Pic</button>
  <button class="btn">Text</button>
  <button class="btn">Gradient</button>
</div>

我想向矩形按钮添加回调...

$('#rectButton').on('show', function (e) {
    //ACTION
})

无法理解引导回调的意义。

我在网上能找到的都是面向Rails + Bootstrap...没有bootstrap，只有JS。

Answer 1

js 中没有 show 事件 - 您需要将按钮绑定(bind)到 click 事件:

$('#id').on('click', function (e) {

     //your awesome code here

})

请注意，如果您的按钮位于表单内，您可能更愿意将整个表单绑定(bind)到submit事件。