Question

我只是想不出这个。对话框不会弹出。我尝试了各种各样的东西，但它只是不起作用。这是我的代码：

<head>
    <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
</head>
<body>
<script>
$(function() {
    // Dialog
    $('#dialog').dialog({
            autoOpen: false,
            width: 600,
            buttons: {
                    "Ok": function() {
                            $(this).dialog("close");
                    },
                    "Cancel": function() {
                            $(this).dialog("close");
                    }
            }
    });

    // Dialog Link
    $('#dialog_link').click(function(){
            $('#dialog').dialog('open');
            return false;
    });
});  
</script>

<a href="#" id="dialog_link">Open Dialog</a>

<div id="dialog">This should popup</div>
</body>

这里有什么问题？任何帮助表示赞赏。

Answer 1

尝试使用它可能有用。

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>

Answer 2

此scode中的jquery.ui.dialog.js在哪里?????

请将此文件作为脚本标记添加到代码中....

你可以把这个JS文件放在这里：

http://jqueryui.com/ui/jquery.ui.dialog.js

Answer 3

<script></script>还不够。应为<script type="text/javascript"></script>

Answer 4

我认为在script遗失body之后的type="text/javascript"标记。即。 <body><script type="text/javascript">...

Answer 5

您必须在

之后加入脚本块

<a href="#" id="dialog_link">Open Dialog</a>
<div id="dialog">This should popup</div>

阻止在body元素之前，它应该可以工作。

您还必须包含jQuery UI的所有样式，以使其看起来更好。

Answer 6

我有同样的问题。这可能是兼容性问题，请尝试包含以下内容而不是您拥有的内容

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>

要正确显示对话框，请将jquery-ui-1.8.xx.custom.css替换为jquery-ui.min.js版本，我找不到google ajax链接。

我想找到另一种解决方案，但不知道我是否能找到。

jQueryUI对话框不工作 - 为什么？

6 个答案: