닫힌 후 jquery 아코디언이 선택됩니다.

jQuery 정렬 가능한 아코디언이 있습니다. 각 아코디언 머리글 위에 마우스를 올려 놓으면 강조 표시된/선택한 색상 상태로 적절히 전환됩니다. 머리글을 클릭하여 아코디언의 해당 부분을 연 다음 아코디언의 해당 부분을 닫으려면 강조 표시되거나 선택된 색상 상태가 그대로 유지됩니다.닫힌 후 jquery 아코디언이 선택됩니다.

아코디언에 10 개의 섹션이있는 경우 3 개를 열고 닫습니다. 3 개는 아코디언의 나머지 부분과 다르게 색칠됩니다. 그건 나쁜 UI를 제공합니다. 왜 이런 일이 일어나고 그것을 고치는 법을 아는 사람이 있습니까?

편집 :

미안 내가 직접 제공 할 수있는 NDA에서 일하고 있어요, 시작하는 예를 제공하지에 대한. 나는 일어나고있는 것에 대한 공유 가능한 예를 함께 쓴다.

당신은 여기에서 일어날 볼 수 있습니다 : 당신이 그들 위에 마우스를 올려 경우 http://inadaydevelopment.com/StackOverflow/AccordionStateProblem/jqueryexample.html

, 그들은 오렌지 (올바른)로 변경합니다. 열려면 하나를 클릭하면 주황색 (올바른) 상태로 유지됩니다. 닫고 더 이상 가져 가면 더 이상 파란색으로 돌아 가지 않고 주황색을 유지합니다.

출처

2012-06-23 Kenny Wyland

데모 또는 링크, 제발? –

볼 수없는 문제를 해결하는 데 도움이 될 수 없습니다 ... 수많은 스크립트, css 및 html 유사 콘텐츠 ( – charlietfl

) http://jsfiddle.net/nDEHb/1/ 문제가있는 경우 알려주세요 – Ghokun

문제의 원인이되는 "UI 상태 초점"클래스를 취소합니다 다음은

$('.ui-accordion .group > h3').mouseleave(function(){ 
    $(this).removeClass('ui-state-focus') 
})

이것은 데모에 대한 브라우저 콘솔에서 테스트되었습니다.

편집 : 선택은 단순히 좁혀 수 :

$('.ui-accordion-header')

출처

2012-06-23 21:35:13 charlietfl

닫힌 후 jquery 아코디언이 선택됩니다.

답변

관련 문제