Question

我尝试从Jquery网站运行一些示例和一些视频我＆＃39;已经看过，但似乎我无法正确执行它们。这是我的代码：

<!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模态弹出窗口单击

1 个答案: