Question

我的网页上有一个按钮;我的期望是当我点击按钮时，它会提示一个对话窗口;在对话框窗口中，它有是/否按钮;如果我单击是，它会打开一个新页面（由php处理）;如果我点击否，我会留在旧页面上。我怎么能这样做？

<input type="button" name="terminate" value="terminate" id="terminate" title="Terminate"  onclick="terminateIt();"/>

Answer 1

有无数种方法可以做到这一点。

最常见的方式可能是使用jQuery UI's Dialog。

他们在带有两个按钮的对话框演示中有一个示例。以下是该演示的摘录：

HTML：

<div id="dialog-confirm" title="Empty the recycle bin?">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Your question goes here. Are you sure?</p>
</div>

JS：

    $( "#dialog-confirm" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            Yes: function() {
                window.open(....);
                $( this ).dialog( "close" );
            },
            No: function() {
                $( this ).dialog( "close" );
            }
        }
    });

查看整个jQuery UI库。大量的东西可以让你轻松做一些基本的事情。

Answer 2

function terminateIt(){
    var r = confirm("Go to new page?");
    if( r == true ){
        // redirect stuff here
    } else {
        // non redirect stuff here 
    }  
}

jQuery：如何打开一个对话框窗口

2 个答案: