Question

我遇到了简单的Javascript代码问题，这些代码适用于Firefox，而不适用于Chrome。

这是我的功能

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);});
}

Simple DEMO

JQuery不能在Chrome中运行，但Firefox很好

1 个答案: