Bootstrap 按钮的 Onclick 事件

Question

好的，我对Bootstrap主题不太熟悉，因此尝试在以下Bootstrap按钮上触发一个JavaScript onclick方法，但是无法弄清楚如何做到这一点。

<a class="btn btn-large btn-success" href="http://twitter.github.io/bootstrap/examples/marketing-narrow.html#">Send Email</a>

非常感谢您的帮助。

- iJade

Answer 1

就像其他单击事件一样，您可以使用jQuery注册元素，为元素设置id并监听事件，如下所示：

$('#myButton').on('click', function(event) {
  event.preventDefault(); // To prevent following the link (optional)
  ...
});

你也可以在onclick属性中使用内联JavaScript：

<a ... onclick="myFunc();">..</a>

- Qurben

Answer 2

<a class="btn btn-large btn-success" id="fire" href="http://twitter.github.io/bootstrap/examples/marketing-narrow.html#">Send Email</a>

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

     //your awesome code here

})

- Abraham K

Answer 3

您可以像这样使用 'onclick' 属性：

<a ... href="javascript: onclick();" ...>...</a>

- EpokK

Answer 4

似乎没有解决问题的方法：

$(".anima-area").on('click', function (e) {
            return false; //return true;
});
$(".anima-area").on('click', function (e) {
            e.preventDefault();
});
 $(".anima-area").click(function (r) {
           e.preventDefault();
});
$(".anima-area").click(function () {
           return false; //return true;
});

Bootstrap按钮始终保持按下状态并阻止所有的.click代码。如果我删除.click函数，按钮就会恢复正常工作。

- Federico Schiocchet

---

似乎与 https://github.com/twbs/bootstrap/issues/2380 相关。 - mick