Bootstrap:如何从按钮中删除click事件

时间:2013-01-10 20:51:18

标签: jquery twitter-bootstrap modal-dialog

Twitter Bootstrap能够“通过数据属性”调用模态,这很好,但我不知道如何关闭它们或替换按钮的事件。

通过属性设置示例:

<button id="launch-btn" type="button" data-toggle="modal" data-target="#myModal">
   Launch modal
</button>

我试过了:

$('#launch-btn').off('click');
$('#launch-btn').unbind('click');
$('#launch-btn').on('click', function(e){e.preventDefault();});

但所有人似乎仍然打开模态。我想阻止默认模式打开,如果满足条件,则将其替换为另一个操作。我知道我可以使用模态的show事件来阻止显示,但我不想在这里做,我想控制按钮的行为。

我也意识到使用JS而不是让bootstrap通过数据属性来处理它可能更容易处理模态的创建,但我现在是一个好奇的乔治并且我试图发现什么我做错了。

2 个答案:

答案 0 :(得分:4)

这有效:$(document).off('click.modal.data-api', '[data-toggle="modal"]');

答案 1 :(得分:1)

尝试将模态的show选项设置为false:

http://twitter.github.com/bootstrap/javascript.html#modals

您可以添加其他数据属性:

<button id="launch-btn" type="button" data-toggle="modal" data-show="false" data-target="#myModal">
   Launch modal
</button>