기본 아이콘 캐스케이드 사용자 정의 Jquery UI 아코디언 아이콘

Question

Jquery 아코디언을 아코디언 헤더에 사용자 정의 아이콘과 함께 사용하려하지만 Jquery의 기본값 ("아이콘 없음"아이콘이 표시 될 수 있습니다)이 표시됩니다. 대신.

JS :

var icons = { 
    header: "ui-icon-egnyte-arrow-down", 
    headerSelected: "ui-icon-egnyte-arrow-up" 
}; 

jq(function() { 
    uiAccordion = jq("#sendAccordion").accordion({ 
     collapsible: true, 
     icons: icons, 
     autoHeight: false, 
     navigation: true, 
     animated: false, 
     active: false 
    }); 
}); 

CSS :

.ui-icon-egnyte-arrow-down { background-image: url(../images/icons/sendarrow_down.png); width: 15px; height: 15px; } 
.ui-icon-egnyte-arrow-up { background-image: url(../images/icons/sendarrow_up.png); width: 15px; height: 15px; } 

JQuery와 파일의 나머지 부분은 거의 재고 1.3.2 및 UI 1.7.3 나는 꽤 엄격 JQuery와 UI의 설명서를 따라 갔다.

디버거를 사용하여 CSS를 보면 내 아이콘이 있지만 .ui-state-default .ui-icon 클래스에 의해 계단식으로 연결되어있는 것을 볼 수 있습니다.

도움을 주셔서 감사 드리며 더 많은 정보를 제공해 주시면 알려주세요.

Answer 1

이전 버전의 버그 인 것 같습니다. jQuery와 jQuery UI를 각각 1.6.2와 1.8.14로 업데이트하면 문제 자체가 수정되어야한다. 예 : http://jsfiddle.net/william/x3w94을 참조하십시오. 파일을 업데이트하는 당신을위한 옵션이없는 경우

, 당신은 헤더 스타일을 약간 덮어 쓰기해야 할 수도 있습니다 http://jsfiddle.net/william/x3w94/2/ :

.ui-accordion .ui-accordion-header a { padding-left: 1.7em; } 

예를 참조하십시오.