如何将jquery ui手风琴默认图标更改为全局加图标

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

我看过更多的相关这个问题在其他职位。在我的情况是在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>

任何建议，并帮助将更多的感激...

来源

2013-02-25 Learner

请提供downvote先生们的原因.... – Learner 2013-02-25 17:24:18

jQuery UI的有自己的小部件的文档。请查看手风琴的文档（专门用于更改图标）here。

关于这些文档中提到的CSS框架的进一步阅读是here。例如，如果您转到jQuery UI的Themeroller，您可以查看大图标的网格，找到您喜欢的网格，将鼠标悬停在其上以查看类名，然后在我的文档中使用该名称第一个链接将手风琴菜单配置为使用您选择的图标。如果您查看第一个链接中的文档，该示例实际上会在内容分别展开/展开时使用加号和减号图标。

来源

2013-02-25 17:24:28 ajp15243

是的，但我无法找到更改默认图标...我知道我们可以使用不同的图像，而不是trailing图像。 – Learner 2013-02-25 17:31:01

@Sri请参阅我在答案中提供的其他信息。您需要的所有信息都位于这些链接中，尤其是第一和第三个链接。 – ajp15243 2013-02-25 17:41:25

@Sri我想我可能误解了你想要的东西。你想要一个中心位置来改变你在Ruby代码*中使用的图标吗？因为除非您直接编辑jQuery UI源代码（这是不好的做法），否则全球范围内的图标不存在“默认设置”，除非您直接编辑jQuery UI源代码。每个手风琴将不得不单独更换。您可以通过使用Ruby来管理Accordion选项和创建代码来最好地模拟“全局设置”。更快，更肮脏，不易维护的解决方案将是通过您的整个代码库进行图标设置的查找替换。 – ajp15243 2013-02-25 17:53:08

如何将jquery ui手风琴默认图标更改为全局加图标

回答

相关问题