Question

我有一个HTML按钮，一旦点击并按下了JS确认按钮就会转到页面：

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

我想用更好看的确认来替换JS确认。我想使用Twitter的引导程序Javascript＆＃39; modal＆＃39;库（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

您在模态中指定了自己的按钮，因此您可以拥有“您确定吗？”按钮“是”和“否”

Answer 2

window.showModalDialog怎么样？

Answer 3

您可以重新定义confirm：

confirm = function(text,yes,no) {
    // show the modal window
    // set "yes" button to call yes()
    // set "no" button to call no()
}

或者我做了什么，这是定义一个自定义函数并使用它。我使用Confirm，因为JS区分大小写，但你可以使用任何东西。

用自定义HTML替换JS confirm（...）框

3 个答案: