jQuery移动可折叠列表视图中的缩略图

Question

有没有办法用缩略图(不是图标)创建jQM可折叠的列表视图。

示例：http://demos.jquerymobile.com/1.2.0/docs/lists/lists-thumbnails.html

不是像这样的图标：如何使用缩略图创建可折叠列表？

我试着将'img‘标签插入'li’作为普通的listview方式(不可折叠的listview)，但是图像没有显示。

有可能插入缩略图吗？请指教，谢谢。

Answer 1

插入img标记可以在可折叠的范围内很好地工作：

<div data-role="collapsible" data-collapsed="false">
     <h4>Some Animals</h4>
     <ul data-role="listview" data-inset="false">
        <li>
            <a href="#">
              <img src="http://lorempixel.com/80/80/animals/1/" />
              <h2>Rhinos</h2>
              <p>Description of pic 1</p>
            </a>
        </li>
        <li>
           <a href="#">
             <img src="http://lorempixel.com/80/80/animals/2/" />
             <h2>Ape</h2>
             <p>Description of pic 2</p>
           </a>
        </li>
        <li>
           <a href="#">
             <img src="http://lorempixel.com/80/80/animals/3/" />
             <h2>Tiger</h2>
             <p>Description of pic 4</p>
           </a>
        </li>
    </ul>
</div>

这是一个工作的演示