30

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

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

任何帮助,将不胜感激..

4

4 回答 4

47

就像任何其他点击事件一样,您可以使用 jQuery 注册元素,为元素设置 id 并监听如下事件:

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

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

<a ... onclick="myFunc();">..</a>
于 2013-05-21T11:34:15.397 回答
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

})
于 2013-05-21T11:33:58.900 回答
0

您可以像这样使用“onclick”属性:

<a ... href="javascript: onclick();" ...>...</a>
于 2013-05-21T12:42:34.167 回答
0

似乎没有解决方案可以解决问题:

$(".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 功能按钮恢复正常工作。

于 2015-08-01T10:23:52.277 回答