在jquery UI中单击按钮动态加载另一个PHP页面 - load another php page dynamically in jquery ui on click of a button

load another php page dynamically in jquery ui on click of a button

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 UI .dialog()传递选项到.click()。试试这个:

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

尝试反向操作

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.