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通过数据属性来处理它可能更容易处理模态的创建,但我现在是一个好奇的乔治并且我试图发现什么我做错了。
答案 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>