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

Question

是否存在我可以覆盖的事件或函数以更改 jquery ui 在标题之前将图标添加为 span 元素的方式。我想在标题之后有这样的标记将如下所示：

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

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

顺便说一句，我不能使用 float left 之类的东西并使用 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);
  })
});