我在使用IE8访问我的网站页面时遇到了一些问题。它在IE9, Safari (PC和amp;Mac),Firefox (Mac)。我正在使用find(tag1).html(tag1)
调用序列来做标题替换,但是当我在IE脚本调试器中调试它时,我在IE8中得到以下错误,并且这在html(tag2)
函数中:
对方法或属性访问的意外调用
find(tag1)
函数似乎返回封闭对象(即#sidebar
),而不是嵌套对象#sidebarheader
,这在稍后调用html(tag2)
时会导致问题。
我已经创建了一个代表性的测试用例,如下所示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery .find() test case</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script type="text/javascript">
function UpdateHeader() {
$('#sidebar').find('header').html("New Title"); // IE8, nesting div's in the find fct. will not discover the child div
}
document.ready = UpdateHeader;
</script>
</head>
<body>
<div style="height: 400px; width: 390px">
<div id="jqm-home">
<div id="page">
<div id="sidebar">
<div id="sidebarheader">
<header>Old Title</header>
</div>
</div>
</div>
<p onclick="UpdateHeader();">Click to update title</p>
</div>
</div>
</body>
</html>
下面是jsFiddle的测试用例:
http://jsfiddle.net/bnmcK/21/有没有人建议如何让这个工作在IE8?
为了在旧版本的IE(8及以下)中支持新的HTML 5元素,有一个方便的技巧,即在运行脚本之前创建一个虚拟元素。
因此,只需在页面中调用document.createElement('header');
就可以解决问题,参见这里。
对于完整的解释,这篇文章做了一个很好的解释。
同样,html5shiv也是一个为其他元素解决这个问题的项目。
;是一个HTML5标签,IE8不知道(但是IE9支持这个标签)。由于您声明的是XHTML 1.0过渡版本,我建议使用