2012-08-11 2 views
1

Firefox에서는 작동하지만 Chrome에서는 작동하지 않는 간단한 Javascript 코드로 인해 문제가 있습니다.JQuery는 Chrome에서 작동하지 않지만 Firefox는 괜찮습니다.

여기 내 기능

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

크롬 실제로 심지어 첫 번째 라인을 통과하지입니다. 당신이 jQuery를 사용하고 있기 때문에

+2

우리가 볼 수 있도록 jsfiddle 또는 이에 상응하는 제품이 있습니까? –

+0

아니, 동적 콘텐츠지만 jsfiddle에서 그것을 복제 할 수 있습니다. 그동안 Chrome에 어떤 문제가 발생할 수 있는지 생각해보십시오. – Mamadum

+0

jQuery'$ (id1) .css (display);'를 사용하여 왜 디스플레이 속성을 얻지 않습니까? –

답변

1

당신은 .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를 사용할 수 있습니다.

+0

고마워, 잘 알고, 나는 그것을 시도했지만, 다시 FF로 매력처럼 작동하지만 크롬 단순히 무시합니다. 함수의 내용을 삭제하고 sipmle alert ("여기")를하면 크롬에서도 응답을 얻지 만 Jquery는 단순히 크롬에서 작동하지 않습니다. – Mamadum

+0

여기에'html'을 게시 할 수 있습니까? id1과 id2를 가진 요소를 만들거나 [jsFiddle] (http://jsfiddle.net/)을 만들 수 있습니까? –

+1

문제가 해결되었습니다. id1과 id2는 이미지 태그이며, div 래퍼에 넣었고 지금은 chrome에서도 작동합니다. – Mamadum

관련 문제