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

04-13 17:38