为什么 jQuery 的parents/closest(selector) 函数在 IE8 中表现不同？

Question

我有一个 jQuery 脚本，在 Chrome 11 和 Firefox 4 中运行得很好，但在 IE8 中似乎无法正常工作。它似乎与使用 jQueryparents() 函数和选择器有关。在 IE8 中运行时它不会返回任何元素。

我创建了我的问题的简化版本，它显示了相同的症状在 jsFiddle，以防止这里有一大块代码。

谁能告诉我这里可能发生了什么？

更新：使用 closest() 似乎会导致类似的行为，但似乎更适合这种情况。

Answer 1

顶级元素必须是部分吗？看起来您正在遇到 IE8 中缺乏对 HTML5 的支持限制您的领域之一。如果将这些部分更改为 div，则代码将按原样运行。

浏览器中的版块支持。

Answer 2

看看 jsFiddle 中的选择器，如果我去掉选择器的第二部分，我就能让它在 IE8 中正常工作。

$(document).ready( function(){
     $('a[data-detailed]').live('click', function(event){
        var a = $(this);
        var key= a.attr('data-detailed');

        $(".detailedOverview[data-detailed="+key+"]").slideToggle('fast');
        $(".masterOverview").slideToggle('fast');
        event.preventDefault();   
    });

    $('a[href=#back]').live('click', function(event){
        var a = $(this);
        var detailedOverview= a.parents("[data-detailed]");

        $(".masterOverview").slideToggle('fast');         
        detailedOverview.slideToggle('fast');

        event.preventDefault();   
    });
});

在每个选择器中，选择器后面都有一个“, fileparent”。没有必要像这样指定父级并删除它。事实上你可以完全摆脱 fileparent 。