jquery mobile Fixedtoolbar(固定工具栏)

固定工具栏事件 fixedtoolbar Events create(event,ui)固定工具栏创建创建时,触发。event:是第一个参数。类型:事件。ui:是第二个参数。类型:对象。//初始化,绑定一个函数$(".selector").fixedtoolbar({create:function(event,ui){}});////绑定一个监听函数$(".selector").on("fixedtoolbarcreate",function(event,ui){});

固定工具栏方法 fixedtoolbar Methods destroy()销毁固定工具栏(该元素还原为初始状态)。此方法不接受任何参数。$(".selector").fixedtoolbar("destroy");hide()隐藏工具栏(如果不是全屏的工具栏,它会切换到静态定位,这可能会或可能不会从视图中隐藏取决于滚动)。此方法不接受任何参数。$(".selector").fixedtoolbar("hide");show()显示工具栏。此方法不接受任何参数。$(".selector").fixedtoolbar("show");toggle()调用show()或hide(),取决于该工具栏是可见的。此方法不接受任何参数。$(".selector").fixedtoolbar("toggle");updatePagePadding()更新padding(顶部或底部,如果工具栏页眉或页脚)的工具栏上的高度。此方法不接受任何参数。$(".selector").fixedtoolbar("updatePagePadding");

固定工具栏选项 fixedtoolbar Options disablePageZoom禁止用户缩放固定工具栏。类型:布尔值。默认值:true。此选项禁止用户缩放固定工具栏。也可以在HTML中添加ata-disable-page-zoom="false"属性来实现。//初始化$(".selector").fixedtoolbar({disablePageZoom:false});//gettervardisablePageZoom=$(".selector").fixedtoolbar("option","disablePageZoom");//setter$(".selector").fixedtoolbar("option","disablePageZoom",false);fullscreen全屏。类型:布尔值。默认值:false。当开始浏览内容的时候,在内容的顶部,全屏固定工具栏是显示的。但是当点击屏幕时,工具条从屏幕上消失完全。再点击屏幕时候,工具栏显示。它不能返回静态定位。全屏工具栏更加身临其境的界面是理想的,像一个图片查看器是全屏的照片本身并没有分心。也可以在HTML中增加data-fullscreen="true"属性来实现。只有在工具栏上的元素本身的支持此功能,而不是页面元素。//初始化$(".sele

固定工具栏 data-position=fixed 在浏览器支持的CSSposition:fixed(大多数的桌面浏览器,iOS5+,Android2.2+,BlackBerry6,和其他)。工具栏使用“固定工具栏”插件将被固定在视图的顶部或底部,当页面自由滚动,固定栏始终浮动在屏幕的顶部或者底部。在浏览器不支持固定定位,工具栏将留在那固定的位置(页面的顶部或底部)。给头部栏或底部栏设置这样的行为,需要给工具栏的容器增加data-position="fixed"属性。<!DOCTYPEhtml> <html> <head> <title>PageTitle</title> <metaname="viewport"content="width=device-width,initial-scale=1"> <linkrel="stylesheet"href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css"/><scriptsrc="http://code.jquery.com/jquery-1.9.1