JQuery Mobile实现导航栏和页脚

时间:2024-09-29 12:01:44 jQuery 我要投稿
  • 相关推荐

JQuery Mobile实现导航栏和页脚

  导航栏是由一组水平排列的链接组成,通常包含在头部或尾部内。

  默认情况下,导航栏中的链接将自动变成按钮(不需要 data-role="button")。

  使用 data-role="navbar" 属性来定义导航栏:

  复制代码 代码如下:

  Home

  Page Two

  Search

  默认情况下,按钮的宽度与它的内容一样。使用一个无序列表来平均地划分按钮的宽度:1 个按钮占 100% 宽度,2 个按钮则各占 50% 的宽度,3 个按钮则每个占 33,3% 的宽度,依此类推。然而,如果您在导航栏中指定了超过 5 个按钮,将会拆成多行(查看"更多实例")。

  激活按钮

  当导航栏中的某个链接被点击,它将获得被选中(按下)的外观。

  如果想在不惦记链接时获得这种外观,请使用 class="ui-btn-active":

  Home

  对于多个页面,您可能想要每个按钮的选中外观代表当前用户所在的页面。要做到这一点,请添加 "ui-state-persist" 和 "ui-btn-active" 到链接的 class:

  Home

【JQuery Mobile实现导航栏和页脚】相关文章:

关于jQuery实现高亮显示的方法介绍08-20

jQuery 源码分析和Ready函数06-28

jQuery中parent()和siblings()的问题10-16

关jQuery弹出窗口简单实现代码-javascript编程06-07

关于jquery简单图片切换显示效果实现方法介绍10-01

word怎么设置页脚页码09-08

jQuery程序设计08-05

jquery提交按钮的代码07-28

Java语言的特点和实现机制10-01

jquery之超简单的div显示和隐藏特效demo简介05-15