【问题标题】:Onclick on bootstrap button [duplicate]Onclick 引导按钮 [重复]
【发布时间】:2013-05-16 03:43:48
【问题描述】:
好的,我是引导主题的新手,所以试图在
下面的引导按钮,但不知道怎么做..
<a class="btn btn-large btn-success" href="http://twitter.github.io/bootstrap/examples/marketing-narrow.html#">Send Email</a>
任何帮助将不胜感激..
【问题讨论】:
标签:
javascript
twitter-bootstrap
【解决方案1】:
就像任何其他点击事件一样,您可以使用 jQuery 注册一个元素,为该元素设置一个 id 并监听如下事件:
$('#myButton').on('click', function(event) {
event.preventDefault(); // To prevent following the link (optional)
...
});
您也可以在 onclick 属性中使用内联 javascript:
<a ... onclick="myFunc();">..</a>
【解决方案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
})
【解决方案3】:
你可以像这样使用'onclick'属性:
<a ... href="javascript: onclick();" ...>...</a>
【解决方案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 功能按钮恢复正常工作。