jQuery UI: Uncaught TypeError: Không thể đọc thuộc tính 'display' của undefined

Question

Tôi đang cố gắng lấy dữ liệu bằng cách sử dụng jquery ajax, mọi thứ hoạt động tốt và tôi có được những gì tôi muốn, nhưng tôi không thể hiển thị nó vì tôi nhận được Uncaught TypeError: Không thể đọc thuộc tính 'display' của undefined.

Ở đây mã. Bất kỳ ý tưởng?

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

Đây là sản phẩm của dữ liệu

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

Hãy thử gói HTML dữ liệu của bạn bên trong một container, hoặc trên backend hay frontend:

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

Tôi không chắc chắn .dialog() sẽ hoạt động trên nhiều đoạn tài liệu (bạn có một số <p> và một nội dung <ul>). $(data) sẽ là một mảng có 2 phần tử không phải là những gì mà .dialog() mong đợi.

Answer 2

Đảm bảo bạn không có dòng trống ở cuối tệp. Một số trình soạn thảo như Vim tự động thêm một dòng trống để tôn trọng tiêu chuẩn POSIX Why would Vim add a new line at the end of a file? Với Tuyệt vời, bạn có thể hiển thị dòng trống này.