jQuery Mobile 工具栏
2021-02-10 23:17
标签：默认 new foo 属性 col alt 搜索 基本 启用 工具栏元素通常位于头部和尾部内 - 让导航易于访问： 头部栏一般包含页面标题/logo 或一两个按钮（通常是首页、选项或搜索）。 您可以添加按钮到头部的左侧或右侧。 下面的代码，将添加一个按钮到头部标题文本的左侧，添加一个按钮到头部标题文本的右侧： 下面的代码，将添加一个按钮到头部标题文本的左侧： 但是，如果您把按钮链接放置在 尾部栏比头部栏更灵活 - 在整个页面中它们更具功能性和可变性，因此可以包含尽可能多的按钮： 注意：尾部的样式与头部不同（没有内边距和空间，且按钮不居中）。我们可以使用简单的样式来解决这个问题： 您还可以将尾部中的按钮进行水平或垂直组合： 头部和尾部可以通过三种方式进行定位： 使用 data-position 属性来定位头部栏和尾部栏： 要启用全屏定位，请使用 data-position="fixed"，并添加 data-fullscreen 属性到元素： 提示：全屏定位适用于照片、图像和视频。 提示：固定定位和全屏定位中，通过点击屏幕将隐藏和显示头部栏和尾部栏。 在工具栏上只显示图标 jQuery Mobile 工具栏 标签：默认 new foo 属性 col alt 搜索 基本 启用 原文地址：https://www.cnblogs.com/yuya670/p/13048125.html
头部栏
实例
主页
欢迎访问我的主页
搜索
尝试一下 » 元素之后，将无法显示右侧的文本。要添加一个按钮到头部标题的右侧，请指定 class 为 "ui-btn-right"：
头部可以包含一个或两个按钮，而尾部没有限制。
尾部栏
实例
在Facebook上关注我
在Twitter上关注我
在Instagram上关注我
尝试一下 »实例
尝试一下 »实例
在Facebook上关注我
在Twitter上关注我
在Instagram上关注我
尝试一下 »
定位头部栏和尾部栏
Inline 定位（默认）
尝试一下 »Fixed 定位
尝试一下 »Fullscreen 定位
尝试一下 »
更多实例
在工具栏上只显示图标可以使用 ui-btn-icon-notext 类。以上就是 jQuery Mobile 工具栏 的详细内容，更多请关注runoob其它相关文章！
重庆代孕【徽信13022337922】、成都代孕【徽信13022337922】、长沙代孕【徽信13022337922】、
武汉代孕【徽信13022337922】、贵阳代孕【徽信13022337922】、昆明代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、重庆代孕【徽信13022337922】、
重庆代孕【徽信13022337922】、