javascript - jQuery 切换、隐藏、显示 - Chrome 覆盖错误

Question

这个问题是this的延续我今天早些时候发布的问题。

Chrome 覆盖错误链接是 here

我在较早的问题(上面提供的链接)中发布了大部分详细信息。因此，在摆弄代码并在一位 stackoverflow 成员的帮助下，我们决定问题与脚本无关，而纯粹是 Chrome 上的 CSS 问题。

这是我之前修改的同一个函数的 3 个不同版本

JS 版本 1(原始)- 进度加载器适用于 FF、Safari 但不适用于 Chrome 和 IE

function progressIndicator(value) {

    if(value) {
        $("#progressIndicatorBackground").show();
    }
    else {
        $("#progressIndicatorBackground").hide();
    }
}

JS 版本 2 - 应用 Chrome 覆盖修复后 - 运气不好，问题仍然存在。

function progressIndicator(value) {

    if(value) {
        $("#progressIndicatorBackground").show();
        var TmpHeigh = $("#progressIndicatorBackground").css('height');
        $("#progressIndicatorBackground").css('height', parseFloat(TmpHeigh)-1);
    }
    else {
        $("#progressIndicatorBackground").hide();
    }
}

JS 版本 3 - 将显示和隐藏功能更改为切换 - 这使得进度加载器也适用于 Chrome 和 IE。但是一旦我开始获取 JSON 内容，显示 attubite 总是设置为阻止。正确加载内容后，它不会设置回显示:无。所以我一直在页面上预加载程序。

function progressIndicator(value) {

    if(value) {
        $("#progressIndicatorBackground").toggle();
        var TmpHeigh = $("#progressIndicatorBackground").css('height');
        $("#progressIndicatorBackground").css('height', parseFloat(TmpHeigh)-1);
    }
}

我不知道下一步该做什么以及如何解决问题。我不在乎它是不是脏修复。

Answer 1

我认为 toggleClass() 可能有用，看看这个 fiddle here .只需设置一个类，用 display:none 以外的东西隐藏它，并在您希望加载栏显示或隐藏时切换它。在我的示例中，我只是设置超时而不是设置加载动画，但希望隐藏/显示方法无论如何都能正常工作。