我不知道如何使用引导模式实现确认对话框,这是我的代码不起作用:
<div id="id" class="modal hide">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>title</h3>
</div>
<div class="modal-body">
<p>confirm message</p>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn">No</button>
<button id="id-confirm" class="btn btn-primary">Yes</button>
</div>
</div>
<a id="a" href="http://example.com">link</a>
<script type="text/javascript">
var confirmed = false;
var modal = $('#id');
var clickee = $('#a');
clickee.click(function() {
if (!confirmed) {
modal.modal('show');
return false;
}
});
$('#id-confirm').click(function() {
confirmed = true;
clickee.click();
modal.modal('hide');
});
</script>
当我点击链接link
时,会弹出对话框,但是当我确认它时,不会发生重定向,当我再次点击链接link
时,我会被重定向。
我可以重定向到链接的 href,我知道,但我想让它可重用,而不是链接(a
元素),我也可以使用按钮或在按钮上定义 onclick 事件。
感谢您的回答。