jqmobi 的一些設置

jqmobi version=2.1;

不是 version =3.0；

好吧，我用了jqmobi 差不多半年了，我竟然連 官方的文檔都沒有看完，怪不得我走了多少的彎路.....哎！！！！

1.隱藏 返回按鈕

1.1 javascript 的方式

$.ui.showBackButton=false

1.2 CSS的方式

#backButton { display:none !important; }

1.3  设置后退按钮文字（我經常干的事）

$.ui.backButtonText = " ";

2. 我的一些初始化設置  詳細還是官方文檔...O(∩_∩)O哈哈~

//初始化默认设置
$.ui.animateHeaders = false; //禁止头部动画
$.ui.useOSThemes = false; //禁止自动选择皮肤
$.ui.autoLaunch = true; //自动初始化
$.ui.openLinksNewTab = false; //禁止在新窗口打开页面？
$.ui.splitview = false; //禁止大于某个分辨率自动展开菜单
$.ui.backButtonText = " "; //设置后退按钮文字
$.feat.nativeTouchScroll=false; //Disable native scrolling globally 全部的页面都没有了滚动条
// $.ui.setLeftSideMenuWidth("200px"); //设置左边菜单宽度为200px
// $.ui.setLeftSideMenuWidth($("#afui").width()-50);//设置左边菜单的宽度为 整个页面的宽度减去50px;
// $.ui.setRightSideMenuWidth("300px"); //Set the right side menu to be 300 pixels wide
//$.ui.splitview=true; 设置左边菜单一直显示在桌面上
//$.ui.disableSplitView(); 关闭左边菜单
// $.ui.toggleLeftSideMenu(true);//Force the menu to show
//$.ui.toggleLeftSideMenu(false);//Force the menu to hide

剛剛開始的時候我用CSS來改變 左邊菜單的寬度，總是不能達到效果  沒有想到是用js  就OK 了  ...o(╯□╰)o  我喜歡這個代碼

$.ui.setLeftSideMenuWidth($("#afui").width()-50);

//设置左边菜单的宽度为 整个页面的宽度减去50px;

3. 在jqmobi 中pannel 有許多的設置  我在這裡記錄一些  當然文檔很重要了，O(∩_∩)O哈哈~

 1                 selected="true"             默认页面
                 data-title="string"            header 部分显示的标题（需要存在h1标签）
                 data-header="id"            通过dom的id调用不同的 header ，注意使用<header></header>
                 data-footer="id"            通过dom的id调用不同的 footer ，注意使用<footer></footer>
                 data-nav="id"                通过dom的id调用不同的 nav(侧边拦)
                 data-tab="id"                这里的 id 为  navbar 子元素 的id ，能够控制对应的高亮
                 data-defer="xx.html"        加载外部页面，便于管理project
                 data-load="function"        页面载入时触发的函数
                 data-unload="function"        页面卸载时触发的函数
                 modal="true"                设置页面的全屏
                 style="overflow:hidden"     没有滚动条
                 js-scrolling="true"         禁用本页面的滚动条

這些都可以加到你的 pannel 標籤上，注意了： 不要加selected="true" 同時加到 二個不同的pannel上 ，會出錯的   o(╯□╰)o