如何添加多个图标在jQuery Mobile的可折叠列表(How to add multiple i

我想用jQuery Mobile的可折叠列表中的加号图标添加到附近的另一个图标。 但也不能添加它，因为jQuery Mobile的动态创建一个图标。 任何建议将不胜感激！

Answer 1:

这当然是一个黑客，但你可以等待页面初始化，然后找到列表视图控件并追加jQuery Mobile的HTML为每个列表项的图标：

//wait for a certain pseudo-page to initialize
$(document).delegate('#home', 'pageinit', function () {

    //find the listview and append to it's second tier children (the `<div class="ui-btn-inner ui-li" />` element)
    $(this).find('ul[data-role="listview"]').children().children().append('<span class="ui-icon ui-icon-home ui-icon-shadow" style="right:30px;">&nbsp;</span>');
});​

请注意，我改变了right的新图标的CSS属性，因此它不重叠的初始图标。

这里是一个演示： http://jsfiddle.net/uZxXB/

Answer 2:

<fieldset data-role="collapsible" data-iconpos="left" >
                        <h1 ><span    class="ui-icon ui-icon-home ui-icon-shadow ui-btn-icon-right" style="right:30px;">&nbsp;</span>Header</h1>

您可以在HTML中添加它

两个图标一个在左边和其他的jQuery的分权和改变CSS文本对齐中心

.ui-collapsible-heading .ui-btn{text-align:center;margin:0;border-left-width:0;

文章来源: How to add multiple icons in jquery mobile collapsible list