根据html显示JQuery对话框

Question

JQuery $('#dialog').html(htmlContent)将html显示为对话框的正文。 我想像twitter bootstrap模式方法一样显示它。 例如：

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

现在，在显示对话框的时候，'title-bar'div内容应该显示在对话框的标题标题中，同样对于diloag body应该显示'ui-dialog-content'divs内容。 那么有没有办法用这种方法显示对话..

Answer 1

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

$("#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来装扮它。