非常基本 - 将图标添加到JQuery UI Accordion

时间:2016-03-02 03:33:06

标签: jquery css user-interface jquery-ui accordion

我是否必须使用Jquery CSS文件? ...或者有没有办法在不使用图标的情况下添加图标?

我希望我不需要它,因为我在wordpress中完成所有操作并将Jquery CSS排入队列对我来说是一个全新的课程。

抱歉这样一个基本问题。我是个菜鸟。如果有一种简单的方法可以为手风琴添加图标,请告诉我。谢谢。

这是我的代码:

$(function() {
    $( "#accordion" ).accordion({
        active:"false",
        header:"h6",
        heightStyle:"content",
        collapsible: true,
    });
  });

1 个答案:

答案 0 :(得分:0)

这可以通过创建和使用包含您要使用的图像的CSS类来实现。你设置了手风琴的图标'指向这些自定义类的选项。这是一个例子:

<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>

    <item name="android:textColorHint">@color/secondary_text</item>
</style>

你的CSS课程:

$(function() {
    $( "#accordion" ).accordion({
        active:"false",
        header:"h6",
        heightStyle:"content",
        collapsible: true,
        icons: {
                  header: "headerIconClass",
                  activeHeader: "activeHeaderClass"
               }
    });
  });