JQueryUI对话框插入文本的方式

Question

>我正在使用JQueryUI对话框来显示模态确认，它工作正常，问题是我想向用户显示的文本。我不想为此目的使用标题属性，所以我需要将文本放在 html 标签div(对话框(中。关于此方法的唯一问题是，放入div或p或span等的文本在打开对话框之前显示，因此我需要额外的努力通过css隐藏文本，并在对话框打开时显示。 这是使用对话框jqueryui的唯一方法吗？

Answer 1

您不必隐藏内容。我认为您没有使用jquery对话框autoOpen属性。如果使用autoOpen:true，Jquery UI 对话框会隐藏内容。

<div id="dialog_content">
<p>Here goes your dialog content</p>
<input type="text" placeholder='sample text'>
</div>
<button id="click_me">
Click Me
</button>

和脚本

$(document).ready(function(){
$('#dialog_content').dialog({
autoOpen:false
});
$('#click_me').click(function(){
$('#dialog_content').dialog('open');
});
});

查看此演示

如果这不是你的意思，那么请发布代码问题

Answer 2

<div id="dialog">
<p>
This is a text dialog
</p>
</div>
$('#dialog').dialog({
autoOpen: false                        
});

即使将 autoOpen 设置为 false，它也会在 .

我必须用CSS隐藏，但我认为这是我应该通过使用JQueryUI对话框来避免的问题。