jQuery .find() 错误:"Unexpected call to method or property access"



我在使用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过渡版本,我建议使用

标签,这将在IE8中正常工作。

最新更新