根據html顯示JQuery對話框

JQuery $('#dialog').html(htmlContent)將html顯示爲對話框的正文。我想顯示它像twitter bootstrap模態方法。對於前：根據html顯示JQuery對話框

<div class="ui-dialog-titlebar ui-widget-header"> 
      some content...    
</div> 
<div class='ui-dialog-content ui-widget-content'> 
      some content...   
</div>

現在，在時間顯示對話框中的「標題欄」 DIV含量應在對話框的標題標題顯示和同爲diloag體應顯示「UI-對話框的內容」 div的內容。那麼，有什麼辦法可以證明這種方法對話框..

來源

2013-05-02 Raj Rajput

這可能會做你想要達到的：

$("#dialog").remove(); // Remove any existing dialog 
var $html = '<div id="dialog"><div class="ui-dialog-titlebar ui-widget-header">' + headerContent + '</div>' + 
'<div class="ui-dialog-content ui-widget-content">' + htmlContent + '</div></div>'; 
// Append modal HTML to the page 
$("body").append($html);

您需要使用當然一些CSS來打扮起來。

來源

2013-05-02 04:34:01

感謝您的回覆，但它不適合我，因爲我有一些html內容字符串，我無法過濾出標題或正文內容，所以我想將它設置在該html字符串中，以便將內容呈現爲預期。 – 2013-05-02 05:04:24

您可以使用'headerContent = $（htmlContent）.find（「title」）。html（）'來獲得標題，然後從'htmlContent中移除它。 – Barmar 2013-05-02 05:18:07

回答

相關問題