Javascript 如何使用jQuery中的overlay对话框获取反馈表单_Javascript_Jquery_Overlay_Jquery Dialog

Javascript 如何使用jQuery中的overlay对话框获取反馈表单

javascript jquery

Javascript 如何使用jQuery中的overlay对话框获取反馈表单,javascript,jquery,overlay,jquery-dialog,Javascript,Jquery,Overlay,Jquery Dialog,我正在尝试创建一个对话框（单击）以获取反馈。我先尝试过简单的事情。但每次加载时，对话框包含的内容都显示在按钮单击事件之前。任何帮助都是有用的所以，现在我尝试了这个 <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css"> <script src="http://code.j

我正在尝试创建一个对话框（单击）以获取反馈。我先尝试过简单的事情。

但每次加载时，对话框包含的内容都显示在按钮单击事件之前。任何帮助都是有用的

所以，现在我尝试了这个

<head>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

    <script type="text/javascript">

    $("#feedback").button().click(function() {
          $("#feed_win").dialog("open");
        });

        $("#feed_win").dialog({
        autoOpen: false,
        modal: true,
        height: 300,
        width: 400
    });
    </script>
    </head>
    <body>
    <button id="feedback">Delete profile</button>

          <div id="feed_win">
            <h2>This is feedback form</h2>
            <p>You can add your feedback here</p>
        </div>
    </body>


$（“#反馈”）。按钮（）。单击（函数（）{
$（“#feed_win”）。对话框（“打开”）；
});
$（“#feed_win”）。对话框({
自动打开：错误，
莫代尔：是的，
身高：300，
宽度：400
});
删除配置文件
这是反馈表
您可以在此处添加反馈

但是对话框div在页面加载时显示。为什么？它应该在单击按钮后显示。

您需要在头部包含jQuery UI脚本：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

这是小提琴：

您写的其他内容都很好，只需添加那一行即可

谢谢您的帮助。如何在那里添加覆盖？那么如何关闭该窗口呢？我们可以添加CSS吗？jQuery用户界面添加了关闭按钮，它是jQuery UI的一部分，您可以更改CSS、检查代码和查看类，但也许最好使用jQuery主题滚动条，您可以在网站上找到它。另外，我建议您查看这个站点：您可以找到关于jQuery对话框、模式窗口及其全部文档的所有信息（您可以更改按钮文本、使div大小可调整、更改标题……）。您需要包括jQueryUI样式表来更改按钮和窗口的CSS。我希望这会有帮助，如果需要的话，我明天会帮助更多

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>