Question

我有一个页面，其中包含jQuery和jQuery UI，以便从div元素创建模态对话框。这很好用。现在，从具有相同HTML标记的另一个页面和对相同JavaScript文件的引用，我做了完全相同的事情并得到以下错误：

Internet Explorer 8：

Object不支持此属性或方法

Chrome（26.0.1410.64）：

未捕获的TypeError：对象＃没有方法'对话'

这就是HTML在两个页面中的样子：

<div id="dialog-message" class="ui-widget" style="margin-left: auto; margin-right: auto; display: none;" title="Activity Monitoring">
    <p>
        <span id="messageContainer"></span>
    </p>
</div>

这是第二页上出现问题的代码。请注意第一行正确执行并且'messageContainer'的内容设置正确：

$('#messageContainer').html(message);
$('#dialog-message').dialog({
    autoOpen: false,
    bgiframe: true,
    draggable: false,
    height: "auto",
    modal: true,
    open: function (event, ui) { $(".ui-dialog-titlebar-close").hide(); },
    position: { my: "center", at: "center", of: window },
    resizable: false,
    width: 450,
    buttons: dialogButtons
});

这些是jQuery文件的包含。我出于隐私原因部分省略了路径，但我验证了它，并且它成功地执行了第一行jQuery代码。第三个包括对上面编写JavaScript代码的文件的引用：

<script language="javascript" type="text/javascript" src="http://.../javascript/jquery-1.8.2.min.js"></script>
<script language="javascript" type="text/javascript" src="http://.../javascript/jquery-ui-1.10.2.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="http://.../javascript/Utility.js"></script>

我在这里丢失或看过什么？我无法找到为什么在一个页面中这完美地工作，而在另一个页面中我得到了错误。提前谢谢！

Answer 1

检查是否包含jquery ui两次

jQuery dialog（）在一个页面上工作，但在另一个页面上不工作

1 个答案: