2012-02-17 3 views
3

특정 요소를 동적으로 추가하는 Jquery UI Accordion이 있습니다. 적절한 알파벳 순서로 동적 아코디언 범주를 추가 할 수있는 자체 작성 정렬 코드를 사용합니다. 동적 요소가 아코디언의 맨 위 또는 맨 아래로 이동하면 정렬 기능이 실패합니다.어떻게 jQuery UI가 Accordion의 특정 요소를 무시하도록 할 수 있습니까

나는 아코디언 밖으로 여행을 지금 내가 id="0000000000000000000000000000"을 가진 최고 하나 id="zzzzzzzzzzzzzzzzzzzzzzzzzzz"

문제와 바닥 요소와 아코디언 내부 더미 요소를 작성하여 정렬에 문제를 우회 할 수있는 지미 - 리깅 방법을 알아 냈어 이러한 더미 요소를 처리하는 방법을 알지 못하며 display:none, visibility:hidden, disabled 또는 심지어 data-role="none"의 양으로는이 문제가 해결되지 않습니다.

내 질문은 어떻게 아코디언에 의해 완전히 무시 될 내 아코디언의 맨 위와 맨 아래에 더미 요소를 추가 할 수 있습니까? 요소가 div, span, img 또는 아코디언을 무시하는 한 어떤 것이 든간에 상관 없습니다.

감사합니다.

+0

여기 실제 문제는 정렬 기능이며 사용자가 수정해야한다는 것입니다. – Interrobang

+0

정렬 문제는 아코디언이 독립적 인 요소 인 h3과 div를 필요로하지만 Goran의 대답이 –

답변

6

Accordion에서 무시할 요소를 명시 적으로 지정할 수는 없지만 header 옵션을 사용하여 허용 할 요소를 지정할 수 있습니다. 상단 및 하단 요소에 ignore 클래스를 추가 한 다음 :not() 셀렉터를 사용하여이 클래스를 포함하지 않는 다른 요소를 포함 시키십시오.

예를 들어 jsFiddle을 참조하십시오.

$('#myAccordion').accordion({ 
    header: 'h3:not(.ignore)' 
}); 

희망 사항은 문제를 해결합니다. 인터롬 (Interrobang)은 말하듯이 문제는 분류 작업에서 가장 높습니다.

+1

고맙습니다! 이것은 완벽하게 작동했습니다! –

관련 문제