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

我想在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 `
` element) $(this).find('ul[data-role="listview"]').children().children().append(' '); });​ 

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

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

Answer 2

 
 
 Header 

你可以用html添加它

两个图标在左侧，另一个在右侧，并将jQuery min的css更改为文本对齐中心

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