2

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

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

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

4

6 回答 6

2

尝试使用它可能会起作用。

<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>
于 2015-04-15T05:34:51.727 回答
1

这个代码在哪里jquery.ui.dialog.js？？？？？？

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

你可以从这里放这个 JS 文件：

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

于 2012-05-28T13:54:26.487 回答
0

您必须在

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

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

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

于 2012-05-28T14:04:26.843 回答
0

<script></script>是不足够的。应该<script type="text/javascript"></script>

于 2012-05-28T13:56:24.147 回答
0

我认为script标签只是在body丢失之后type="text/javascript"。IE。<body><script type="text/javascript">...

于 2012-05-28T13:56:50.773 回答
0

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

<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 链接。

我想找到一个替代解决方案，但不知道我是否能找到一个。

于 2012-11-27T23:27:15.307 回答