jquery - jQuery 模态对话框 onclick

Question

所以，我有一个链接，

<a href="javascript: void(0)" id="dialog_link">I'm the link</a>

当您单击链接时，我试图打开一个模式对话框，带有一个接受按钮，当您单击接受按钮时，它将转发到一个新页面。这是对话脚本，

<script>
$(document).ready(function() {
    $('#dialog').dialog({ autoOpen: false })
    $('#dialog_link').click(function(){ 
        $( "#dialog" ).dialog('open', {
            modal:true,
            buttons: {
                Accept: function() {
                    $( this ).dialog( "close" );
                }
            }
        }); 
    });
}); 

现在接受应该只是关闭框。我遇到的问题是打开对话框，但没有获取我指定的任何选项。谁知道怎么修它？

Answer 1

$('#dialog').dialog({ autoOpen: false })
$('#dialog_link').click(function(){
    $( "#dialog" ).dialog({
        modal:true,
        buttons: {
            Accept: function() {
                $( this ).dialog( "close" );
            }
        }
    });
    $('#dialog').dialog('open');
});

Answer 2

无需先调用对话框：

$(document).ready(function() {
    $('#dialog_link').click(function(){ 
        $( "#dialog" ).dialog({
            modal:true,
            autoopen: true,
            buttons: {
                Accept: function() {
                    $( this ).dialog( "close" );
                }
            }
        }); 
    });
}); ​

http://jsfiddle.net/HtYQd/