Question

好的我是新手的主题和所有，所以试图触发javascript onclick方法下面的bootstrap按钮，但无法弄清楚如何这样做..

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

任何帮助将不胜感激..

Answer 1

就像任何其他点击事件一样，你可以使用jQuery注册一个元素，为元素设置一个id并听取这样的事件：

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

您还可以在onclick属性中使用内联javascript：

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

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

})

Answer 3

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

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

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功能按钮回来工作正常。

点击bootstrap按钮

4 个答案: