jQuery無法在Chrome中運行，但Firefox可以

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

簡單的演示 。