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

未在加载页面中显示

在alert中显示输入文本字段 - jquery ui

2 个答案: