2011-02-07 3 views
0

Я это ДивоManiupating видимости с JQuery

<div id="termSheetPopup" style="visibility:hidden;"> 

Это скрытое на странице б/с Я хочу его показать во всплывающем окне JQuery. Я делаю это всплывающее окно с этим:

function createAndShowTermSheetPopup() { 
      $('#termSheetPopup').dialog({ 
       modal: true, 
       resizable: false, 
       title: 'Generate Term Sheet', 
       width: 350, 
       height: 200, 
       autoOpen: true, 
       buttons: { 
        "Generate": function() { 
         alert('Generating...'); 
        }, 
        "Cancel": function() { 
         $(this).dialog("close"); 
        } 
       } 
      }); 
     } 

Я хочу, чтобы сделать его видимым, чтобы увидеть во всплывающем окне, но не на странице, когда всплывающий не вверх. Как мне это сделать?

ответ

6

Набор autoOpen к ложной при его инициализации, а затем вызвать $('#termSheetPopup').dialog('open'), когда вы будете готовы использовать его.

Более подробную информацию можно найти on the jquery-ui demo page.

Обновление: Если вы можете извинить jsFiddle, не отображающий CSS правильно, this is a demo того, что я имею в виду.

Смежные вопросы