JQueryUI Диалог способов вставки текста

Question

Я использую диалог JQueryUI для отображения модального подтверждения, он работает нормально, проблема в том, что текст, который я хочу показать пользователю.Я не хочу использовать заголовок atributte для этой цели, поэтому мне нужно поместить текст в тег html div (диалог).Единственная проблема, связанная с этим методом, заключается в том, что текст, помещенный в div или p, или span и т. Д., Отображается перед открытием диалогового окна, поэтому я прилагаю дополнительные усилия, чтобы скрыть текст с помощью css и показать при открытии диалогового окна.Это единственный способ сделать это с помощью диалогового окна jqueryui?

Answer 1

<div id="dialog">
<p>
 This is a text dialog
</p>
</div>

$('#dialog').dialog({
autoOpen: false                        
});

Даже если для параметра autoOpen установлено значение false, в

отображается текст «Это текстовое диалоговое окно».Мне нужно скрыться с помощью CSS, но я думаю, что это проблема, которую мне следует избегать с помощью диалога JQueryUI.

Answer 2

Вам не нужно скрывать контент.Я думаю, что вы не используете autoOpen атрибут диалога jquery.Jquery UI диалоговое окно скрывает содержимое, если вы используете autoOpen:true.

<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');
  });
});

Проверьте это демо

Еслиэто не то, что вы имеете в виду, тогда, пожалуйста, напишите вопрос с кодом