顯示與動態加載HTML內容

Question

一個對話框，我想顯示動態生成包含HTML對話框：

$.ajax({ 
     type: "get", 
     url: "http://localhost/example/test", 
     dataType: "html", 
     success: function (content) { 
      $(content).dialog(); 
     } 
    }); 

content基本上是一個完整的HTML與網站標題和正文。如果我將$(content).dialog()更改爲alert(content)，則生成的HTML會正確顯示。但content.dialog()拋出在Firefox 5以下異常：

a.style is undefined 
Source: http://localhost/TrackerWebStable/Scripts/jquery-1.4.4.min.js 
Line: 150 

我也與IE8在那裏我得到類似的錯誤進行了測試。

我該如何解決這個問題？

Answer 1

content將包含整個html標記。我相信你想在對話中展示它的一部分。嘗試從整個html中找到所需的元素，並在對話框中顯示它。

或者，您只能從"http://localhost/example/test發送所需的標記，以便您不必在成功處理程序中找到任何內容，只需在對話框中顯示即可。

$.ajax({ 
     type: "get", 
     url: "http://localhost/example/test", 
     dataType: "html", 
     success: function (content) { 
      $(content).find("requiredElement").dialog(); 
     } 
    });