2011-09-25 2 views
0

저는 여기가 꽤 인기있는 주제라는 것을 알고 있습니다.하지만 누군가가 저의 특정 구현을 도와 줄 수 있기를 바랍니다. 저는 아코디언 메뉴를 만들기 위해 jQuery 애니메이션을 사용하는 디자인을하고 있습니다. 작동하지만 애니메이션이 진행되는 동안 많은 지터가 발생합니다.jQuery Horizontal Accordion 지터

내 검색에서 동기화를 보장하기 위해 하나의 animate() 개체와 step() 함수를 사용하여 모든 요소에 애니메이션을 적용하는 것으로 보인다. 문제는, 나는 내 인생을 위해서 수 없다는 것, 작동하는 step() 기능을 생각 해낸다. 천천히 마우스를 이동하면 그것은 작동 http://www.3strandsmarketing.com/jq-test-v2.html

하지만 코드는 적어도 말을 미봉책이며, 빠르게 마우스를 이동하는 경우는 완전히 BTW, 난 (무너 : 여기

내 최신 시도 ve는 hoverIntent 플러그인으로이를 완화하려고 시도했지만 추가 된 지연을 좋아하지 않았습니다.)

대답은 JQuery Accordion Jitter Issue 또는 Jitter in Jquery Accordion Implementation 일 가능성이 있지만 내 상황에 맞게 코드를 수정하는 기술이 부족합니다.

또한 가능한 한 jQuery UI를 추가하는 데 추가 무게를 피하고 싶습니다. 어떤 도움이라도 대단히 감사합니다. 감사.

+0

나는 이것을 위해 jsfiddle을 만들었다. http://jsfiddle.net/bKZ4t/ – rwilliams

+0

그것은 흥미로운 이슈 다. 아마 당신의 필요에 맞는 다른 라이브러리/플러그인을 사용하는 것이 좋습니다. [jquery horizontal 슬라이더] (http://lxcblog.com/2010/10/14/jquery-horizontal-slider-sliding-doors-tabs/) 또는 [jquery ease sliding menu] (http : //www.rgdesign. org/portfolio/2009/jquery.ease.slide.menu.v1/index_with_images.html) –

+0

감사합니다 @rwilliams, 사람들이 함께 작업하기가 훨씬 쉬워졌습니다. rfausak, 링크 주셔서 감사합니다. jquery 수평 슬라이더는 다른 항목을 확장하기 위해 진행되는 동안 애니메이션을 중단 할 수없는 것만 제외하면 확실히 유망 해 보입니다. 그 미성년자,하지만 내 구현에 그 기능을 허용하려고합니다. –

답변

1

글쎄, 몇 시간 동안 땜질 한 후, 지금은 5am이고 나는 가지고 있다고 생각합니다. 결국 원래의 질문에서 언급 한 해결책을 적용 할 수있었습니다. @rwilliams가 새 코드로 만든 jsfiddle을 업데이트 했으므로 관심이 있다면 거기에 적응을 볼 수 있습니다 (http://jsfiddle.net/bKZ4t/2/).

꽤 잘 작동합니다. 슬프게도 지터가 완전히 사라지지는 않습니다. 그것은 예전보다 훨씬 눈에 띄지 않으며 다른 누군가가 내 구현을 향상시킬 수 없다면 해결해야 할 것이라고 생각합니다.

기여한 모든 사람에게 감사드립니다.

+0

최근에이 코드를 다시 살펴본 결과 지터가 전혀 생성되지 않는 솔루션을 발견했습니다. jQuery 애니메이션을 사용하는 대신 CSS 전환을 사용하고 있습니다. 물론 오래된 브라우저의 경우 jQuery 애니메이션으로 대체됩니다. –