Twitter Bootstrap具有通过数据属性调用情态的能力,这很好,但我不确定如何关闭它们或替换按钮的事件。
设置via属性的例子:
<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通过数据属性处理它,但我现在是一个好奇的乔治,我试图发现我做错了什么。
可以使用:$(document).off('click.modal.data-api', '[data-toggle="modal"]');
尝试将模式的show选项设置为false:
http://twitter.github.com/bootstrap/javascript.html情态动词
你可以添加另一个数据属性:
<button id="launch-btn" type="button" data-toggle="modal" data-show="false" data-target="#myModal">
Launch modal
</button>