在警报中显示输入文本字段 - 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; 
} 

在加载网页没有显示