css固定toobar,固定工具栏选项 fixedtoolbar Options

disablePageZoom 禁止用户缩放固定工具栏。类型：布尔值。默认值：true。

此选项禁止用户缩放固定工具栏。也可以在HTML中添加ata-disable-page-zoom="false" 属性来实现。

//初始化

$( ".selector" ).fixedtoolbar({ disablePageZoom: false });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "disablePageZoom" );

// setter

$( ".selector" ).fixedtoolbar( "option", "disablePageZoom", false );

fullscreen 全屏。类型：布尔值。默认值：false。

当开始浏览内容的时候，在内容的顶部，全屏固定工具栏是显示的。但是当点击屏幕时，工具条从屏幕上消失完全。再点击屏幕时候，工具栏显示。它不能返回静态定位。全屏工具栏更加身临其境的界面是理想的，像一个图片查看器是全屏的照片本身并没有分心。

也可以在HTML中增加 data-fullscreen="true" 属性来实现。

只有在工具栏上的元素本身的支持此功能，而不是页面元素。

//初始化

$( ".selector" ).fixedtoolbar({ fullscreen: true });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "fullscreen" );

// setter

$( ".selector" ).fixedtoolbar( "option", "fullscreen", true );

hideDuringFocus 聚焦隐藏。类型：字符串。默认值："input, select, textarea"。

一个jQuery选择器列表，当被聚焦的时候，将被隐藏。除非是固定工具栏。

//初始化

$( ".selector" ).fixedtoolbar({ hideDuringFocus: "input, select, textarea" });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "hideDuringFocus" );

// setter

$( ".selector" ).fixedtoolbar( "option", "hideDuringFocus", "input, select, textarea" );

initSelector 初始化选择器。类型：CSS选择器字符串。默认值：":jqmData(position='fixed')"。

他是用来定义选择器(元素类型，数据的角色，等等)，将被自动初始化为折叠。要更改哪些元素初始化，绑定这个选项的mobileinit事件。

$( document ).on( "mobileinit", function() {

$.mobile.fixedtoolbar.prototype.options.initSelector = ".myselector";

});

supportBlacklist 类型：函数。默认值：函数返回的布尔值。

$( document ).on( "mobileinit", function() {

$.mobile.fixedtoolbar.prototype.options.supportBlacklist = function() {

var result;

// logic to determine whether result should be true or false

return result;

};

})

//初始化

$( ".selector" ).fixedtoolbar({ supportBlacklist: "arrow-d" });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "supportBlacklist" );

// setter

$( ".selector" ).fixedtoolbar( "option", "supportBlacklist", "arrow-d" );

tapToggle 类型：布尔值。默认值：true。

启用或禁用用户切换工具栏的可见性。轻点屏幕(或点击，鼠标用户)。也可以在HTML中添加 data-tap-toggle="false" 属性来禁止。

//初始化

$( ".selector" ).fixedtoolbar({ tapToggle: false });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "tapToggle" );

// setter

$( ".selector" ).fixedtoolbar( "option", "tapToggle", false );

tapToggleBlacklist 类型：字符串。默认值："a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed"。

列出jQuery选择器，当敲击时，不会引起工具栏被拨动。

//初始化

$( ".selector" ).fixedtoolbar({ tapToggleBlacklist: "a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "tapToggleBlacklist" );

// setter

$( ".selector" ).fixedtoolbar( "option", "tapToggleBlacklist", "a, button, input, select, textarea, .ui-header-fixed, .ui-footer-fixed" );

transition 类型：字符串。默认值：slide。

应该用于显示和隐藏工具栏的一个固定的过渡。可能的值是“none”，“fade”，和“slide”(或者你可以编写自己的CSS过渡使用过)。

//初始化

$( ".selector" ).fixedtoolbar({ transition: "fade" });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "transition" );

// setter

$( ".selector" ).fixedtoolbar( "option", "transition", "fade" );

updatePagePadding 类型：布尔值。默认值：true。

因为工具栏高度取决于它们包含的内容不同，此选项将自动更新页面上的元素的填充以确保固定工具栏在文档中有足够的空间时，它们是静态定位，当滚动到页面顶部或底部。当启用时，许多操作填充的更新，如pageshow，在页面过渡，并在调整和orientationchange。作为优化，我们建议你考虑禁用这个选项，你的CSS添加规则设置页面的div匹配你的工具栏的EM高度的填料，如 .ui-page-header-fixed { padding-top: 4.5em; } 。也可以在HTML中添加 data-update-page-padding="false" 属性来禁止。

//初始化

$( ".selector" ).fixedtoolbar({ updatePagePadding: false });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "updatePagePadding" );

// setter

$( ".selector" ).fixedtoolbar( "option", "updatePagePadding", false );

visibleOnPageShow 类型：布尔值。默认值：true。

这决定了工具栏是可见或不可见，当其父page显示时。

//初始化

$( ".selector" ).fixedtoolbar({ visibleOnPageShow: false });

// getter

var disablePageZoom = $( ".selector" ).fixedtoolbar( "option", "visibleOnPageShow" );

// setter

$( ".selector" ).fixedtoolbar( "option", "visibleOnPageShow", false );