单击按钮，在jQueryUI中动态加载另一个php页面

这不是在单击按钮时打开对话框。我在这里做错了什么？

您正在将选项从jQuery UI

.dialog（）

传递到

。单击（）。试试这个：

jQuery(function ($) { 
    // Load dialog on page load
    // Load dialog on click
    $('#basic-modal .basic').click({
        modal:true,
        open: function ()
        {
            var id = $('#id').attr('value');  
            $(this).load('edit.php?id='+id);
        },
        height: 400,
        width: 400,
        title: 'Dynamically Loaded Page'
    });
});

jQuery（函数（$）{
//页面加载时的加载对话框
//单击“加载”对话框
$（'#basic model.basic'）。单击（函数（）{
$（''）.appendTo（'body'）。对话框({
莫代尔：是的，
打开：函数（）
{
变量id=$（'#id'）.attr（'value'）；
$（this.load（'edit.php？id='+id）；
},
身高：400，
宽度：400，
标题：“动态加载的页面”
});
});
});
尝试反向操作

jQuery(function ($) { 
    // Load dialog on page load
    // Load dialog on click
    $('#basic-modal .basic').click(function(){
        $('<div id="dialogContainer"></div>').appendTo('body').dialog({
            modal:true,
            open: function ()
            {
                var id = $('#id').attr('value');  
                $(this).load('edit.php?id='+id);
            },
            height: 400,
            width: 400,
            title: 'Dynamically Loaded Page'
        });
    });
});

单击“编辑”按钮时仍无法加载对话框。问题是，从accounts.php检索到值后，它被转发到edit.php&edit.php需要在jquery对话框中打开，我在这里编辑该特定id的所有详细信息。您可以尝试：
$（'#dialogContainer'）.load（'edit.php？id='+id）。我不确定对话框的
打开
回调中的
是什么。只看
$（'#id'）.attr（'value'）
-页面中的多个元素没有使用相同的
id=“id”
属性，是吗？如果是这样，那会给你带来麻烦。
function getEdit(id)
{
    $.get("edit.php", {id: id}
       function(data)
       {
            $("#div-id").html($("#div-id").html() + data)
            $("#div-id").dialog({
                modal:true,
                height: 400,
                width: 400,
                title: 'Dynamically Loaded Page'
                });
       },
       "html");
}

getEdit(); // you can also set up a button to call this as well.