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