雷林鹏分享：jQuery Mobile 列表内容

　　jQuery Mobile 列表内容

　　jQuery Mobile 列表缩略图

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

　　jQuery Mobile 将自动缩放图像到 80x80px:

　　实例

　　

 

　　

 

　　

 

　　尝试一下 »

　　使用标准的HTML添加列表信息：

　　实例

　　

 

　　

• •  

    　　

    　　

    　　

    Google Chrome

     

    　　

    Google Chrome 免费的开源 web 浏览器。发布于 2008 年。

    　　

    　　

 

　　

 

　　尝试一下 »

　　jQuery Mobile 列表图标

　　在列表 元素使用 class="ui-li-icon" 添加 16x16px 图标：

　　实例

　　

• USA

 

　　尝试一下 »

　　分割按钮

　　在JQuery Mobile的列表中，有时需要对选项内容做两个不同的操作，这时，需要对选项中的链接按钮进行分割。实现分割的方法是在

• 元素中再增加一个元素，便可以在页面实现分割效果。

   

  　　jQuery Mobile 会自动设置第二个链接为蓝色箭头的图标，图标的链接文字(如果有的话)将在用户将鼠标悬停在 图标时显示:

  　　实例

  　　

   

  　　

  • • 　　

      　　Some Text

      　　

   

  　　

   

  　　尝试一下 »

  　　添加一些页面和对话框使链接功能更加丰富：

  　　实例

  　　

   

  　　

  • •  

      　　

      　　下载浏览器

      　　

   

  　　

   

  　　尝试一下 »

  　　气泡数字

  　　气泡数字是用来显示列表项相关的数字，如在一个邮箱的邮件：

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

  　　实例

  　　

   

  　　

  • • 收件箱25

   

  　　

  • • 发件箱432

   

  　　

  • • 垃圾箱7

   

  　　

   

  　　尝试一下 »

  　　注意：显示一个正确的气泡数字，必须修改编程方式。 这将在以后的章节解释。

  　　更多实例

  　　改变列表项的默认链接图标

  　　如何设置列表项的默认链接图标(默认是右箭头).

  　　可折叠的列表

  　　如何创建显示/隐藏的列表。

  　　更多内容格式

  　　如何制作一个日历。

  　　本文转载自：w3cschool

  　　(编辑：雷林鹏 来源：网络 侵删)

转载于:https://www.cnblogs.com/pengpeng1208/p/10930323.html