代码与 IE 不兼容？

Question

$(document).ready(function() {
    var url = document.location.toString();
    $('.tab').click(function() {
        if($(this).is(".active")) {
            return;
        }

        var classy = $(this).attr("class").split(" ").splice(-1);
        var innerhtml = $('.content.'+classy).text();
        $('#holder').html(innerhtml);
        $('.tab').removeClass('active');
        $(this).addClass('active');
    });

    var url = document.location.toString();

    if(url.match(/#([a-z])/)) {
        //There is a hash, followed by letters in it, therefore the user is targetting a page.  
        var split = url.split("#").splice(-1);
        $('.tab.'+split).click();
    }
    else {
        $('.tab:first').click();
    }
});

嘿，我的一位评论者刚刚告诉我，这段代码在 IE 中不起作用。我一生都无法弄清楚为什么。每当您切换选项卡时，选项卡的内容都不会更改。同时#holder div 的内容是所有选项卡的组合。

有什么想法吗？

Answer 1

不是您想要的答案，但我会 严重建议如果可以的话，研究jQueryui选项卡小部件。至少，它让我的生活更容易处理这些事情。

Answer 2

如果没有 IE 版本和页面来查看到底发生了什么，很难说清楚 - 但这里有一些最好的猜测：

更改：

if($(this).is(".active")) {

到：

if($(this).hasClass("active")) {

更改：

var innerhtml = $('.content.'+classy).text();

到：

var innerhtml = $('.content .'+classy).text(); // note the space

更改：

var url = document.location.toString();

到：

var url = document.location.hash;

Answer 3

我做了 Ryan 建议的所有更改，除了根据需要在“.content”和句点之间添加空格之外。如果没有源代码，他就不可能知道。

我将您的 .splice(-1) 更改为 [1]，以便我选择数组中的第二项，即类名。看起来 .splice(-1) 在 IE 和其他浏览器中的行为有所不同。

我已经用 IE 7-8 测试了代码，它可以工作。

现在的源代码：

$(document).ready(function() {
    var url = document.location.hash;

    $('.tab').click(function() {
        if ($(this).hasClass("active")) {
            return;
        }

        var classy = $(this).attr("class").split(" ")[1];
        var innerhtml = $('.content.' + classy).text();

        $('#holder').html(innerhtml).slideDown("slow");

        $('.tab').removeClass('active');
        $(this).addClass('active');
    });

    if (url.match(/#([a-z])/)) {
        //There is a hash, followed by letters in it, therefore the user is targetting a page.  
        var split = url.split("#")[1];
        $('.tab.' + split).click();
    }
    else {
        $('.tab:first').click();
    }
});