Jquery ui JQuery对话框根据html显示

JQuery

$（'#dialog'）.html（htmlContent）

将html显示为对话框的主体。 我想像推特引导模式一样显示它。 例如：

一些内容。。。
一些内容。。。

现在，在显示对话框时，“标题栏”div内容应该显示在对话框的标题标题中，diloag的主体也应该显示“ui对话框内容”div内容。

---

那么有没有办法用这种方法显示对话框呢？

这可能会达到您想要达到的目的：

$("#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 );

$（“#对话框”）.remove（）；//删除任何现有对话框
变量$html=''+headerContent+''+
''+htmlContent+''；
//将模式HTML附加到页面
$（“正文”）.append（$html）；

---

当然，你需要用一些CSS来修饰它。

谢谢你的回复，但这对我来说不起作用，因为我有一个html内容字符串，无法从中筛选出标题或正文内容，所以我想将它设置在html字符串中，以便它按预期呈现内容。你可以使用

headerContent=$（htmlContent）。find（“title”）.html（）

获取标题，然后将其从“htmlContent”中删除。

$("#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 );