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

Question

在尝试执行更困难的任务之前，我试图显示一个模式对话框作为测试运行。 但是，由于从演示站点复制的代码在本地设置和运行时无法正常工作，因此我似乎做错了。

这是我的资料来源：

<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>

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

我还是Java语言的新手，所以我在这里可能做得很不熟练。 任何帮助，将不胜感激。 谢谢。

Answer 1

您可以尝试首先尝试为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包中选择了对话框组件。

Answer 2

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

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

问题描述

2 个解决方案

解决方案1
1 已采纳 2009-12-20 06:20:36

解决方案2
0 2009-12-20 06:12:17

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

问题描述

2 个解决方案

解决方案1 1 已采纳 2009-12-20 06:20:36

解决方案2 0 2009-12-20 06:12:17

解决方案1
1 已采纳 2009-12-20 06:20:36

解决方案2
0 2009-12-20 06:12:17