jqmobi 的一些設置

时间：2021-04-13 19:16:49

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

相关文章