jQueryUI 템플릿 : 작동합니까, 작동합니까?

Question

jQueryUI Tabs에 의해 방출 된 코드를 수정할 필요가 있습니다. tabTemplate 옵션은 이러한 목적에 이상적입니다. 그러나, 나는 방출 된 코드가 변경되지 않았다는 것을 발견

tabControl = $("#tabs"); 
tabControl.tabs({ 
    tabTemplate: '<li><a href="#{href}" class="myClass"><span>#{label}</span></a></li>', 
}); 

:

나는 사용자 정의 스타일을 포함하는 내 코드를 수정했습니다. 그럼, 일반적으로 그 템플릿은 (기각 기준) 감가 상각되는 주장이 티켓

http://bugs.jqueryui.com/ticket/7139

을 가로 질러왔다.

그럼 왜 tabTemplate이 작동하지 않습니까?이 솔루션은 장래성이 있습니까? 그렇지 않은 경우 어떻게 비슷한 목적을 달성 할 수 있습니까?

Answer 1

jQuery UI는 실제로 템플릿 옵션을 사용하지 않으므로 (분명히 사용하면 나머지 라이브러리와 스타일이 일치하지 않을 수 있기 때문)

링크 된 버그에 따르면 tabTemplate 옵션이 jQuery UI 1.9에서 제거되므로 안전한쪽으로 가기 위해 현재 프로젝트에서 사용하지 않는 것이 좋습니다.

$("#tabs").tabs({ 
    // options... 
}).tabs("widget").find(".ui-tabs-nav a").addClass("myClass"); 

이 방식은 현재 작동하고 예측 가능한 미래에 계속 작동합니다 다음과 같이

대안은, DOM 탐색을 통해 클래스를 추가하는 것입니다.