如何将jquery ui accordion默认图标全局更改为加号图标

Question

我在rails项目中使用Jquery UI Accordion。 accordion使用arrow images作为默认值。我需要将该箭头图标更改为Plus icon作为默认值。我应该在哪里进行编辑，使Plus and minus icon默认为在整个网站上进行更改。我在很多页面上使用手风琴？

我在其他帖子中看到更多相关的问题。在我的情况下是ruby-on-rails项目。我想全局更改图标以在整个项目中实现效果。

我在每个页面中添加了以下行，以使其符合我的要求。我觉得它不是DRY原则。我需要全局设置才能处理整个网站中的所有页面。

<script>
  $(function() {
    $( "#accordion" ).accordion({
      heightStyle: "content"
    });
    /* Change the accordion image to Plus and minus */
    $("#accordion").accordion("option", "icons", 
        { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' });
  });
</script>

任何建议和帮助都会更受赞赏......

Answer 1

jQuery UI为其小部件提供了大量文档。去看看手风琴的文档（特别是更改图标）here。

有关这些文档中提到的CSS框架的进一步阅读是here。

例如，如果你去jQuery UI的Themeroller，你可以查看图标的大网格，找到你喜欢的图标，将鼠标悬停在它上面以查看类名，然后在我的第一个链接中的文档，用于配置您的Accordion菜单以使用您选择的图标。如果您查看第一个链接中的文档，该示例实际上使用加号和减号图标分别折叠/展开内容。