jquery ui 对话不适用于 AJAX 内容

Question

我通过单击链接将 AJAX 内容加载到 jquery UI 对话框中，但它似乎不起作用。问题在于弹出窗口，链接返回 ajax 内容很好。试图实现这个example

$.fx.speeds._default = 1000;
$(document).ready(function(){
        $( "#dialog" ).dialog({
            autoOpen: false,
            show: "blind",
            hide: "explode"
        });

    $('#<url_id>').live('click', function(evt) {
        //evt.preventDefault();
                        $.ajaxSetup({
                            async: false,   
                            "error":function() {   
                                alert("error");
                        }});
                        $.getJSON("<url>", 
                        function(data) {
                            if(data[0][0] != null){
                                var html = '';
                                html += '<div id="dialog" title="Basic dialog">';
//concatenating html
                                html += '</div>';
                            }                       
                        });
            $( "#dialog" ).dialog( "open" );
            return false;
    }); 
});

Answer 1

您尚未将具有该 ID 的元素添加到页面中，因此您的选择器不会得到任何结果。你需要做这样的事情：

var element = $(html);
$('body').append(element);
$('#dialog').dialog();

还有： 你真的不应该在每个点击事件上设置 ajax 默认值（这是一个全局设置）。如果您需要指定$.getJSON 不提供的附加参数，您应该直接调用$.ajax。