ການຫ້ອງຍ້າກົດລະບຽບ jQuery Mobile

jQuery Mobile 列表缩略图

对于大于 16x16px 的图像，请在链接中添加 元素。

jQuery Mobile 将自动把图像调整至 80x80px：

ຕົວຢ່າງ

<ul data-role="listview">
  
    •

    亲自试一试

    请使用标准 HTML 来填充带有信息的列表：

    ຕົວຢ່າງ

    <ul data-role="listview">
  
  • 
    
    
    
    Google Chrome
    
    
    Google Chrome 免费的开源 web 浏览器。发布于 2008 年。
    
        
  
    •

    亲自试一试

    jQuery Mobile 列表图标

    如需向您的列表添加 16x16px 的图标，请向 元素添加 class="ui-li-icon" 属性：

    ຕົວຢ່າງ

  • USAclass="ui-li-icon">USA

    • 亲自试一试

    拆分按钮

    如需创建带有垂直分隔栏的拆分列表，请在

  • 元素内放置两个链接。

    jQuery Mobile 会自动为第二个链接添加蓝色箭头图标的样式，链接中的文本（如有）将在用户划过该图标时显示：

    ຕົວຢ່າງ

    <ul data-role="listview">
  
  • 
    
    Some Text
  
    •

    亲自试一试

    通过添加页面和对话框，可使链接的功能更强：

    ຕົວຢ່າງ

    <ul data-role="listview">
  
  • 
    
    下载浏览器
  
    •

    亲自试一试

    • 计数泡沫

    计数泡沫用于显示与列表项相关的数目，例如邮箱中的消息：

    如需添加计数泡沫，请使用行内元素，比如 ，设置 class "ui-li-count" 属性并添加数字：

    ຕົວຢ່າງ

    <ul data-role="listview">
  <li><a href="#">ສະພານ<span class="ui-li-count">335</span>
  <li><a href="#">ສົ່ງ<span class="ui-li-count">123</span>
  <li><a href="#">ມົນລະພິດ7

    亲自试一试

    注释：如需在计数泡泡中显示正确的数字，就必须进行程序化更新。我们将在下一章种讲解。

    更多实例

    更改列表项的默认链接图标
    如何为列表项设置不同的链接图标（右箭头是默认的）。
    ລາຍການຫ້ອງຍ້າກົດລະບຽບ
    ວິທີການກໍ່ສ້າງລາຍການປະກອບຂໍ້ມູນທີ່ປິດລົງຫຼືສະແດງຂຶ້ນ.
    ຮູບແບບຂອງຂັ້ນຕອນຫຼາຍ
    ວິທີການກໍ່ສ້າງປະຈຳວັນ.