Question

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

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

不是这样的图标：How can I create a collapsible list with thumbnails?

我尝试将'img'标签插入'li'作为普通列表视图方式（不可折叠列表视图），但图像不显示。

是否可以插入缩略图？请指教，谢谢。

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>

这是一个有效的 DEMO

jQuery Mobile Collapsible Listview中的缩略图

1 个答案: