jQuery UI:未捕获的TypeError:无法读取未定义的属性"display"

Question

我正在尝试使用jquery ajax获取数据,一切正常,我得到了我想要的东西,但我无法显示它因为我得到一个未捕获的TypeError:无法读取未定义的属性'display'.

这里的代码.任何的想法？

/*
 * Get the data from the ajax call and display a dialog
 */

function CreateDialog(email) {

    // get the data from the ajax call
    var promise = AjaxSubscribe(email)

    // if data are available, show the dialog
    promise.success(function (data) { 
        // data is a simple html code
        var dialog = $(data);

        // can't setup the dialog! Error
        // Uncaught TypeError: Cannot read property 'display' of undefined 
        dialog.dialog({
            autoOpen: false,
            modal: true,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode",
                duration: 1000
            }
        });

        dialog.dialog( "open" );
        return false;
    });
}

这是数据的输出

 console.log(data)

 <p>Data debugging</p>
 <ul>
   <li>Ip address: 193.125.139.18</li>
   <li>Country Name: Italy</li>
   <li>Country Code: IT</li>
   <li>Email: anemail@gmail.com</li>
 </ul>

Answer 1

尝试将数据HTML包装在容器中,位于后端或前端:

var dialog = $('<div/>').html(data);

我不确定是否.dialog()会处理多个文档片段(你有一个<p>和一个<ul>内联).$(data)将是一个包含2个元素的数组,这不是.dialog()预期的.