我有一个页面,其中包含 jQuery 和 jQuery UI,以从 div 元素创建模式对话框。这工作正常。现在从另一个具有相同 HTML 标记和对相同 JavaScript 文件的引用的页面,我执行完全相同的操作并得到以下错误:
互联网浏览器 8:
对象不支持此属性或方法
铬(26.0.1410.64):
未捕获的类型错误:对象 # 没有方法“对话”
这是两个页面中 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>
我在这里想念或在看什么吗?我无法找出为什么在一个页面中它可以完美运行,而在另一个页面中我得到了错误。提前致谢!