jQuery UI Modal弹出窗口在按钮上单击

Question

我尝试从Jquery网站运行一些示例，并查看一些视频，但似乎我无法正确执行它们。 这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
        <script type="text/javascript">
            $(function() {
                $("#btnclick").click(function() {
                    $("#divpopup").dialog({
                        title: "blabla",
                        width: 430,
                        height: 200,
                        modal: true,
                        buttons: {
                            Close:
                            function() {
                                $(this).dialog('close');
                            }
                        }
                    });
                });
            })
        </script>
    </head>
    <body>
        <div id="divpopup" style="display:none">
        blablablabla
        </div>
        <button type="button" id="btnclick">Click me</button>
    </body>
</html>

我找不到问题所在，唯一的可能是我没有输入重要的库或其他内容。 我的每个浏览器都会向我显示该按钮，但是单击它不会触发模式窗口。 有任何想法吗？

谢谢

Answer 1

jQuery库引用应按以下顺序。

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

jQuery UI Modal弹出窗口在按钮上单击

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-07-15 17:07:48

jQuery UI Modal弹出窗口在按钮上单击

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-07-15 17:07:48

解决方案1
1 已采纳 2015-07-15 17:07:48