javascript - 用自定义 HTML 替换 JS confirm(...) 框

Question

我有一个 HTML 按钮，一旦单击它并按下 JS 确认按钮，它就会转到一个页面:

<button onclick="return confirm("Are you sure?"); 
                 window.location="some_page.php" 
        type="button" class="btn">Some text
</button>

我想用更好看的确认替换 JS 确认。我想使用 Twitter 的 Bootstrap Javascript“模态”库(http://twitter.github.com/bootstrap/javascript.html#modal)来实现这一点。我已经将 HTML 编写为确认框:

<div id="modal" class="modal hide fade">
    <div class="modal-header">
        <h2>Some title</h2>
    </div>
    <div class="modal-body">
        <form>
            <fieldset>
                <div class="clearfix">
                    <label for="something">Something</label>
                    <div class="input">
                        <input class="xlarge" id="something" size="30" type="text">
                    </div>
                </div><!-- /clearfix -->
            </fieldset>
        </form>
    </div>
    <div class="modal-footer">
        <input id="close" class="btn" type="button" value="Cancel" />
        <input id="close" class="btn primary" type="button" value="Done" />
    </div>
</div>

如何让 onclick 事件显示我的新弹出窗口而不是标准的 JS 确认？

非常感谢 :)。

Answer 1

我使用 jQueryUI 对话框代替标准的 confirm 选项 http://jqueryui.com/demos/dialog/#modal-confirmation

您可以在模式中指定自己的按钮，这样您就可以得到“Are you sure?”带有"is"和“否”按钮