javascript - JQuery 在 Chrome 中不起作用，但 Firefox 很好

Question

我在使用 Firefox 而不是 Chrome 的简单 Javascript 代码时遇到了麻烦。

这是我的功能

function ToggleArrow(id1, id2)
{
    var display = window.getComputedStyle(id1).getPropertyValue('display');

    if (display=="none") {
        $(id2).fadeToggle(100, function(){$(id1).fadeToggle(100);});
    } else {
        $(id1).fadeToggle(100, function(){$(id2).fadeToggle(100);});
    }
}

Chrome 实际上甚至没有通过第一行。

Answer 1

由于您使用的是 jQuery，因此您可以使用.is(':visible')

function ToggleArrow(id1, id2)
{
    if (!$(id1).is(':visible')) // If not visible
        $(id2).fadeToggle(100, function(){$(id1).fadeToggle(100);});
    else 
        $(id1).fadeToggle(100, function(){$(id2).fadeToggle(100);});
}

简单的演示。