根据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

回答

相关问题