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/

jQuery模式对话框onclick

2 个答案: