Question

以下代码在其他浏览器上运行良好，但在IE7和＆amp; 8它抱怨它：

    var divs = $(".paginate-boxes li");
        for(var i = 0; i < divs.length; i+=9) {
          divs.slice(i, i+9).wrapAll("<li class='slide-portfolio'><ul></ul></li>");
        }

它正在处理的代码是li的长列表，如下所示：

                        <li>
                                <!--Fade-->
                                <div class="mosaic-block fade">
                                    <a href="http://www.example.com/destination/" class="mosaic-overlay">
                                        <object class="details">

                                            <h4>Destination Page</h4>
                                            <p>
                                                                                                </p>
                                        </object>
                                    </a>
                                    <div class="mosaic-backdrop"><img width="296" height="175" src="http://www.example.com/wp-content/uploads/this_thumb.jpg" class="attachment-portfolio-image wp-post-image" alt="this_thumb" title="This image" /></div>
                                </div>
                            </li>

使用IE9中的开发工具（在8模式下），我发现当它到达代码的.slice位时引用它，引用jQuery（v.1.7.2）的这一点

// IE6-8 fail to clone children inside object elements that use
// the proprietary classid attribute value (rather than the type
// attribute) to identify the type of content to display
if ( nodeName === "object" ) {
    dest.outerHTML = src.outerHTML;
}

不确定这意味着什么

我需要更改什么来阻止它抛出错误，为什么？

Answer 1

回想起来相当明显 - 将<object>替换为<div>，它可以正常工作。

IE7＆amp;用jQuery的.slice抛出8个错误

1 个答案: