Interfaccia utente jQuery: Uncaught TypeError: Impossibile leggere la proprietà 'display' di undefined

Question

Sto cercando di ottenere dati utilizzando jquery ajax, tutto funziona correttamente e ottengo quello che voglio, ma non riesco a visualizzarlo perché ottengo un Uncaught TypeError: impossibile leggere la proprietà 'display' di undefined.

Qui il codice. Qualche idea?

/* 
* 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; 
    }); 
} 

Questa è l'uscita dei dati

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

provare avvolgendo il codice HTML di dati all'interno di un contenitore, sia sul backend o il frontend:

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

non sono sicuro .dialog() funzionerà su più frammenti di documenti (hai un <p> e un <ul> in linea). $(data) sarebbe un array con 2 elementi che non è quello che si aspetta .dialog().

Answer 2

Assicurarsi di non avere una riga vuota alla fine del file. Alcuni editor come Vim aggiungono automaticamente una riga vuota per rispettare lo standard POSIX Why would Vim add a new line at the end of a file? Con Sublime è possibile mostrare questa riga vuota.