重新定位Jquery ui手风琴的标题图标

时间:2013-09-26 21:18:58

标签: javascript jquery-ui jquery-ui-accordion

是否有我可以覆盖的事件或函数来改变jquery ui在标题之前将图标添加为span元素的方式。我希望在标题之后,因此标记将如下所示:

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

一种方法是将图标设置为false,并使用事件触发器添加和管理我的图标。我正在寻找一种更清洁的方法。

顺便说一句,我不能使用像浮动一样的东西并使用css解决它。

1 个答案:

答案 0 :(得分:0)

查看源代码,库不会为您提供该配置。这是你可以做到的一件事,只需将图标跨度添加到相应的标题:

$(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);
  })
});