javascript - jQuerydialog() 在一个页面上有效，但在另一页上无效

Question

我有一个页面，其中包含 jQuery 和 jQuery UI，以从 div 元素创建模式对话框。这很好用。现在，从具有相同 HTML 标记和对相同 JavaScript 文件的引用的另一个页面，我执行完全相同的操作并收到以下错误:

Internet Explorer 8:

Object doesn't support this property or method

Chrome (26.0.1410.64):

Uncaught TypeError: Object # has no method 'dialog'

这就是两个页面中 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 代码的第一行已成功执行。第三个 include 是对编写上述 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 两次