在警報中顯示輸入文本字段 - jquery ui

Question

我正在使用jquery ui警報對話框。我已經修改了對話框以使輸入字段允許輸入文本。按照手冊，我將輸入置於div id="dialog-form"之內。我只想看到輸入字段，當用戶單擊按鈕並顯示警報時。問題是，它顯示在初始啓動頁面加載：我怎樣才能顯示按鈕單擊事件的輸入字段？ JSFIDDLE

jQuery的

$('button').click(
     function() { 
      console.log($(this)); 
      var divElem = $(this); 
      dialog = $("#dialog-form").dialog({ 
       height: 300, 
       width: 350, 
       modal: true, 
       buttons: { 
        "Save": function() { 
         divElem.find('.text').text($("#dialog-form input").val()); 
         dialog.dialog("close"); 
        }, 
        Cancel: function() { 
         dialog.dialog("close"); 
        } 
       } 
      }); 

     } 
    ); 

HTML

<button>Click Me!</button> 

<div id="dialog-form"> 
    <label>Text:</label><input type="text" /> 
</div> 

Answer 1

試試這個。

#dialog-form { 
    display:none; 
} 

演示：

http://jsfiddle.net/7buayqa0/

Answer 2

使用此代碼在第一行中的CSS

#dialog-form { 
    display:none; 
} 

在加載網頁沒有顯示