Question

我想在jquery移动可折叠列表的加号图标附近添加另一个图标。但由于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 min的css更改为文本对齐中心

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

如何在jquery移动可折叠列表中添加多个图标

2 个答案: