Диалоговое окно Jquery UI .. загрузка содержимого диалогового окна на главной странице

Question

Я активирую диалоговое окно примерно так:

   $('a#addNew').click(function(){
   $('#popup').dialog({
       minWidth:  700,
       title:     'Select a product item'
   });
});

<div id="popup" style="color:#fff; background:#000; width:650px;">
    blah blah blah blah
</div>

это все хорошо, но диалоговое окно (#popup) фактически появляется на моей странице, пока я не нажму #addNew, и в этом случае оно исчезнет и перейдет в фактическое диалоговое окно. Я только хочу, чтобы пользователь видел эту информацию, когда нажимал на #addNew. Я не хочу, чтобы это сидело на странице. Что я здесь не так делаю?

Answer 1

<div id="popup" style="color:#fff; background:#000; width:650px; display:none;">
    blah blah blah blah
</div>

Вам нужно скрыть этот div, пока он находится на странице. Затем диалоговое окно отобразит его и отобразит для вас.

Answer 2

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

Вам нужно скрыть div (css - display: none) при его первом создании.

Answer 3

используя css addдисплей: нет;

или с использованием JQuery add$ ( '# Всплывающее окно') скрыть ();.