image - 带有图像的jquery移动手风琴

Question

如果转到此页面，您会发现 jquery mobile 手风琴。这个手风琴的问题是它太简单了。我想通过 addind 图像而不是显示+或-号使这个accordin 看起来像列表视图。请你指导我。

Answer 1

您可以通过覆盖 CSS 样式表中的样式来更改图标。

    .CollapsibleSetPage .ui-collapsible-set .ui-icon{
        background-image:url(images/icons-18-white.png)//your custom icon
    }
    .CollapsibleSetPage .ui-collapsible-set .ui-icon-plus{
        background-position:-108px
    }
    .CollapsibleSetPage .ui-collapsible-set .ui-icon-minus{
        background-position:-144px;
    }

我在页面中添加了“CollapsibleSetPage”类，以区别于其他页面以覆盖此行为。

可折叠集的自定义图标示例。

https://dl.dropbox.com/u/49735179/Stackoverflow/CustomCollapsibleIcons/test.html