首页 > 代码库 > jqmobi 的一些設置
jqmobi 的一些設置
好吧，我用了jqmobi 差不多半年了，我竟然連 官方的文檔都沒有看完，怪不得我走了多少的彎路.....哎！！！！
1.隱藏 返回按鈕
1.1 javascript 的方式
1 $.ui.showBackButton=false
1.2 CSS的方式
1 #backButton { 2 display:none !important; 3 }
1.3 设置后退按钮文字（我經常干的事）
1 $.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" 默认页面 2 data-title="string" header 部分显示的标题（需要存在h1标签） 3 data-header="id" 通过dom的id调用不同的 header ，注意使用<header></header> 4 data-footer="id" 通过dom的id调用不同的 footer ，注意使用<footer></footer> 5 data-nav="id" 通过dom的id调用不同的 nav(侧边拦) 6 data-tab="id" 这里的 id 为 navbar 子元素 的id ，能够控制对应的高亮 7 data-defer="xx.html" 加载外部页面，便于管理project 8 data-load="function" 页面载入时触发的函数 9 data-unload="function" 页面卸载时触发的函数10 modal="true" 设置页面的全屏11 style="overflow:hidden" 没有滚动条12 js-scrolling="true" 禁用本页面的滚动条
這些都可以加到你的 pannel 標籤上，注意了： 不要加selected="true" 同時加到 二個不同的pannel上 ，會出錯的 o(╯□╰)o
jqmobi 的一些設置
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。