jQuery UI：Uncaught 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()が期待するものではありません。

Answer 2

ファイルの最後に空白行がないことを確認してください。 Vimのようなエディタの中には、POSIX標準を守るために空行を自動的に追加するものがあります。Why would Vim add a new line at the end of a file? このサブラインを表示することができます。