jquery - Bootstrap：如何从按钮中删除点击事件

Question

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 而不是让引导程序通过数据属性处理它可能更容易处理动态模式的创建，但我现在是一个好奇的乔治，我试图发现我是什么做错了。

score 4 · Accepted Answer

4

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

于 2013-01-10T21:22:57.140 回答

score 1 · Accepted Answer

尝试将模式的显示选项设置为 false：

您可以附加另一个数据属性：

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

2 回答 2