jquery - 在对话框中加载 ajax 响应后，第二次单击时不会触发对话框

Question

var value;
$("#multipleids").live("dblclick", function(){  
    value =$(this).attr('id');  
    $.ajax({
        type:"post",
        url: "ajax.php",                        
        data:"value="+value,
        success: function(data){
            $("#dialog").html(data);
        }   
    });
    $("#dialog").dialog(
    {
        title: 'title',
        autoOpen:true,          
        closeOnEscape: true,
        width:500,
        height:500,
        resizable: false,
        draggable: false,
        open: function() {             
            })
        }       
    });

});

hie...点击打开一个包含ajax调用结果的对话框..第二次点击对话框没有打开。当我使用autoOpen：false属性...对话框不在所有显示....任何人都可以建议如何解决这个问题。谢谢。

Answer 1

您正在使用 jquery 的 Html 替换 jquery 的设置来创建 jquery ui 对话框，这就是您看不到对话框的原因

您要做的是在#dialog 中创建一个div，然后

$("#divinsideyour-dialog").html(markup)

Answer 2

我更改了您的部分代码，但没有时间测试它，我的代码几乎喜欢这个并且运行良好。你可以试试：

var value;

var oTable=$("#dialog").dialog(
    {
        title: 'title',
        autoOpen:false,          
        closeOnEscape: true,
        width:500,
        height:500,
        resizable: false,
        draggable: false,
        open: function() {             
            })
        }       
    });

$("#multipleids").live("dblclick", function(){  
    value =$(this).attr('id');  
    $.ajax({
        type:"post",
        url: "ajax.php",                        
        data:"value="+value,
        success: function(data){
            oTable.dialog("open");
            oTable.createdDialog.html(data);
        }   
    });
});