twitter-bootstrap模态确认对话框

Question

我无法弄清楚如何使用bootstrap模式实现确认对话框,这是我的代码不起作用:

<div id="id" class="modal hide">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</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事件.

谢谢你的回答.

Answer 1

让我先了解这一点.

您需要单击需要打开引导程序确认模式的链接,然后单击是,用户需要转到其他链接？

如果是这样的话:

<a id="a" href="#id" data-toggle="modal">link</a>

然后你为什么不重新定位按钮点击id-confirm

您需要删除href ="http://example.com",因为引导模式不知道应该打开哪个div.