Jquery UI 사이드 바 메뉴의 아코디언

jQuery UI 라이브러리 (http://jqueryui.com/demos/accordion/)의 아코디언을 사이드 바로 사용하고 있습니다. 사이드 바에서 위에서 아래로 마우스를 가져 가면 아코디언이 약간 확장됩니다. 하지만 내가 확장해야하는 항목에 아래에서 위로 마우스를 올리면 항목 (예 : "가방")을 통과 할 때까지 커서가 이동하지 않습니다. 다음 페이지는 다음과 같습니다Jquery UI 사이드 바 메뉴의 아코디언

$("ul#cats").accordion({ 
     event: "mouseover", 
     header: "li", 
     collapsible: true, 
     autoHeight: false, 
     active: false 
});

누구든지 내가이 지연을 받고있는 이유 어떤 생각을 가지고 : (http://ignitepixels.com/seba)

여기에 jQuery의? 감사!

출처

2012-02-03 Fillip Peyton

UL에 대한 마크 업이 제대로 구성되지 않았습니다. LI 간에는 DIV를 넣을 수 없으며 브라우저가 윙윙 거리는 것처럼 행동하지 않을 것입니다. 다른 것을 할 수 있습니까? 예 : UL을 DIV로 변경하고, LI 태그를 제거하고, A 태그를 유지하고, DIV 태그를 유지합니다. header:"div#cats a"으로 설정하십시오.

출처

2012-02-03 03:19:57

좋은 지적. 나는 왜 내가 아직 그것을 의심하지 않았는지조차 알지 못한다. 나는 지금 당장 그것을 바꿀 것이고 내가 더 나은 결과를 얻을 수없는지를 보게 될 것이다. –

좋아, 이제 나는 코드를 정규화했다 : ul # cats> li.sidebar_header + li.sidebar_content, 등등. 주사위가 없다. 다른 제안? –

여전히 좋지 않다 :) jquery-ui accordion은 제목과 내용을위한 하나의 태그를 기대한다. 자신의 문서보기> 개요 : http://jqueryui.com/demos/accordion/; Firebug를 사용하면 LI의 2 번째 줄이 현재 LI 앞에있는 LI의 내용 상자로 간주됩니다 (LI는 none으로 표시되도록 설정되어 있음). 나는 당신이 UL을 DIV로 바꾸고 A, DIV, A, DIV, A, DIV ... 할 것을 제안한다. 또는 A는 H1-7이나 다른 태그 (DIV조차도)가 될 수 있지만 내용 상자와 구별 할 수 있어야한다. . 그 외에는 다른 제안이 없습니다. –

Jquery UI 사이드 바 메뉴의 아코디언

답변

관련 문제