Jquery ui 아코디언의 헤더 아이콘 위치 변경

Question

jquery UI가 헤더 앞에 스팬 요소로 아이콘을 추가하는 방법을 변경하기 위해 재정의 할 수 있습니다.

<h3 class="ui-accordion-header"> 
    My Header Title 
    <span class="ui-icon-triangle-1-e"></span> 
</h3> 

한 가지 방법은 false로 아이콘을 설정하고 추가하고 이벤트 트리거를 사용하여 내 아이콘을 관리 : 마크 업이 모양을 그래서 헤더 직후 갖고 싶어. 나는 그것을하는 더 깨끗한 방법을 찾고있다.

그리고 btw 나는 float과 같은 것을 사용할 수 없으며 CSS를 사용하여 해결할 수 없습니다.

Answer 1

소스 코드를 살펴보면 라이브러리에서 해당 구성을 제공하지 않습니다. 여기 내 머리 위로 떨어져 할 수있는 한 가지, 바로 아이콘이 각각의 헤더에 걸쳐 추가입니다 :

$(function() { 
    $("#accordion").accordion(); 
    // append header icons to their respective parent so they go at the end 
    $(".ui-accordion-header").each(function(){ 
    $(this).find(".ui-accordion-header-icon").appendTo(this); 
    }) 
});