jQuery - IE6,7은 도움이되지 않습니다. $ (this)?

Question

이봐, 나는 현대의 모든 브라우저에서 작동하지만 IE 6,7에서는 작동하지 않는 코드를 가지고있다.

$('.cat1').toggle(function() { 

    $(this).parent('li').next('ul').slideUp(); 
    $(this).css('background-position', '0px 0px'); 

    return false; 

}, function() { 

    $(this).parent('li').next('ul').slideDown(); 
    $(this).css('background-position', '-210px 0px'); 

    return false; 

}); 

배경 위치 변경은 수행하지만 slideUp 또는 slideDown은 수행하지 않습니다. 그 이유는 무엇입니까?

나는 이것이 $ (this)로 인한 것이라고 생각했지만, 확실하지 않다고 생각하고, 그렇다면 사용할 수있는 방법이 있습니까?

편집 : 'next()'기능에 문제가있는 것 같습니다.

Answer 1

분명히 $ (this)가 작동하거나 배경 위치가 변경되지 않습니다. 나는 그것이 어떤 요소가 선택되고 있거나 오히려 선택되어 있지 않은 것과 관련이 있다고 생각한다. IE를 사용하기 때문에 선택을 중단하고 실제로 어떤 요소가 선택되는지 알아내는 몇 가지 경고를하는 것이 좋습니다. 아마 IE는 당신이 클릭하고있는 엘리먼트와 그것이 부모가되어야한다고 생각하는리스트 엘리먼트 사이의 DOM에 몇 가지 추가 엘리먼트를 삽입하고있다. 그렇다면 closest ('li')를 사용하여 트리를 탐색하여 포함 목록 요소를 가져 오는 방법이 될 수 있습니다.

Answer 2

이 문제는 jQuery에서 noConflict를 사용하여 해결할 수 있습니다. 이것은 이것을 설명하는 jQuery Docs에 대한 링크입니다. http://docs.jquery.com/Core/jQuery.noConflict