Javascript 无法使用JQuery UI显示模型对话框_Javascript_Jquery_Jquery Ui

Javascript 无法使用JQuery UI显示模型对话框

javascript jquery jquery-ui

Javascript 无法使用JQuery UI显示模型对话框,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,在我尝试执行更困难的任务之前，我正在尝试将模式对话框显示为测试运行。但是，我似乎做错了什么，因为当我在本地设置并运行它时，从复制的代码不起作用以下是我的资料来源： <html> <head> <script type="text/javascript" src="lib/jquery/js/jquery-1.3.2.min.js"></script> <script type="text/javasc

在我尝试执行更困难的任务之前，我正在尝试将模式对话框显示为测试运行。但是，我似乎做错了什么，因为当我在本地设置并运行它时，从复制的代码不起作用

以下是我的资料来源：

<html>
    <head>
        <script type="text/javascript" src="lib/jquery/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="lib/jquery/js/jquery-ui-1.7.2.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                var $dialog = $('<div></div>')
                    .html('This dialog will show every time!')
                    .dialog({
                        autoOpen: false,
                        title: 'Basic Dialog'
                });

                $('#opener').click(function() {
                    $dialog.dialog('open');
                });
            });
        </script>
    </head>
    <body>
        <button id="opener">Press</button>
    </body>
</html>


$（文档）.ready（函数（）{
变量$dialog=$（''）
.html（'每次都会显示此对话框！'）
.对话({
自动打开：错误，
标题：“基本对话框”
});
$（'#opener'）。单击（函数（）{
$dialog.dialog（'open'）；
});
});
按

到目前为止，我主要认为问题可能是我引入外部库的方式的相对路径问题。但我尝试了各种变化，没有任何改变

我对Javascript还是新手，所以我可能在这里做了一些非常愚蠢的事情。任何帮助都将不胜感激。谢谢。

<代码>$（文档）。准备就绪（函数（）{

$(document).ready(function() {
  var $dialog = $('<div></div>').appendTo(document.body);
});

var$dialog=$（''）.appendTo（document.body）； });

以下是一些您可以尝试的方法，首先为css添加链接标记

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" rel="stylesheet"/>

其次，确保在自定义ui js包中选择了对话组件。

+1用于提及css。添加CSS应该很管用，Jason，对我来说确实管用