jQuery UI模态弹出窗口按钮点击

jQuery UI Modal Popup Window on Button Click

本文关键字：按钮 窗口 UI 模态 jQuery      更新时间：2023-09-26

我试着从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>

我找不到什么问题，唯一可能的是我没有输入重要的库或其他东西。我的每一个浏览器都会显示按钮，但点击它不会触发模态窗口。什么好主意吗?

谢谢

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>
相关文章：