javascript - Onclick 引导按钮

Question

好的，我是引导主题的新手，所以试图在下面的引导按钮上触发一个 javascript onclick 方法，但不知道该怎么做..

<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;
});

引导按钮始终保持按下状态并阻止所有 .click 代码。如果我删除 .click 功能按钮恢复正常工作。