jQuery模态对话框onclick

jQuery模态对话框onclick,jquery,modal-dialog,jquery-ui-dialog,Jquery,Modal Dialog,Jquery Ui Dialog,所以,我有一个链接 <a href="javascript: void(0)" id="dialog_link">I'm the link</a> 我试图在你点击链接时打开一个模式对话框,带有一个接受按钮,当你点击接受按钮时,它将转发到一个新页面。这是对话脚本 <script> $(document).ready(function() { $('#dialog').dialog({ autoOpen: false }) $('#dialo

所以,我有一个链接

<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" );
                }
            }
        }); 
    });
}); 

$(文档).ready(函数(){
$('#dialog')。dialog({autoOpen:false})
$('#对话框链接')。单击(函数(){
$(“#dialog”).dialog('打开'{
莫代尔:是的,
按钮:{
接受:函数(){
$(此).dialog(“关闭”);
}
}
}); 
});
}); 


现在,accept应该只是关闭这个框。我遇到的问题是打开对话框,但没有获取我指定的任何选项。有人知道如何修复吗?

无需先调用dialog:

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