appframework(2.1) 小技巧(更新中)

 [置顶] appframework(2.1) 小技巧(更新中)
分类: jqmobi(appframework) 2014-10-28 10:06 347人阅读 评论(0) 收藏 举报
appframeworkjqmobiFAQ
[javascript] view plaincopy
var webRoot = "./";  
   
//初始化默认设置  
$.ui.animateHeaders = false; //禁止头部动画  
$.ui.useOSThemes = false; //禁止自动选择皮肤  
$.ui.autoLaunch = false; //自动初始化  
$.ui.openLinksNewTab = false; //禁止在新窗口打开页面?  
$.ui.splitview = false; //禁止大于某个分辨率自动展开菜单  
$.ui.resetScrollers = false; //后退禁止页面回到顶部  
$.ui.backButtonText = " "; //设置后退按钮文字  
   
//所有页面默认过度方式 修改最后面的参数即可  
//设置为pop  
$.ui.availableTransitions["default"] = $.ui.availableTransitions.pop;  
//设置为无  
$.ui.availableTransitions["default"] = $.ui.noTransition;  
$.ui.availableTransitions["default"] = $.ui.availableTransitions.none;  
[javascript] view plaincopy
</pre><pre name="code" class="javascript">  
[javascript] view plaincopy
//获取当前页面id  
$.ui.activeDiv.id  
<pre name="code" class="javascript">// 设置左边菜单的宽度为 整个页面的宽度减去50px;(不能用来控制,要在js中修改)  
// $.ui.setLeftSideMenuWidth($("#afui").width()-50);   
[javascript] view plaincopy
// panel设置  
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"         禁用本页面的滚动条  


[javascript] view plaincopy
// jQ.Mobi中header和footer(#navbar)的隐藏  
// 每个panel页面不一定都有上面所属的三个板块,如果想要隐藏header和footer(#navbar)在jQ.Mobi中也很方面就能实现,只需在panel中设置对应标签即可。隐藏header只需设置data-header="none"。  
<!--header 隐藏-->  
<div title="home" class="panel" data-header="none">  
</div>  
  
// 相应隐藏footer(#navbar)只需设置data-footer="none"  
<!--footer(#navbar)隐藏-->  
<div title="home" class="panel" data-footer="none">  
</div>  


[javascript] view plaincopy
// 禁止滚动  
// jQ.Mobi中页面默认滚动,如果想要禁止滚动,这需在panel中设置style="overflow:hidden"  
<!--禁止滚动-->  
<div title="home" class="panel" style="overflow:hidden">  
</div>  


[javascript] view plaincopy
// jQ.Mobi中使用iScroll实现更高级的滚动  
// jQ.Mobi中默认支持滚动是整个panel都滚动,如果想要panel页面中的部分滚动,最常见的场景便是搜索框不滚动,下面的结果滚动,这种情况jQ.Mobi便没法实现了(或者我没发现?),可行的解决方案就是使用大名鼎鼎的iScroll 。  
// 在复杂的场景中推荐使用iScroll,因为最新iScroll 4 做了很多兼容性的处理和扩展,添加了缩放、下拉式刷新、自定义滚动条、元素捕捉以及更多更高级别可编程性的自定义事件。  
// 结合上面的滚动原理, iScroll理想的HTML结构为:  
<div id="wrapper">  
    <ul>  
        <li></li>  
        ...  
        ...  
    </ul>  
</div>  
// 因此若要使用iScroll最好在代码布局的时候就考虑清楚,免得以后麻烦。  


[javascript] view plaincopy
// jQ.Mobi中字体模糊问题  
// 低版本iOS(6以下)中字体(特别是动画滚动中的字体)模糊的问题较为复杂,可能的原因主要有两点:  
  
// -webkit-transform: translate3d (0,0,0)使用所造成的问题。  
// 处理大量数据引起字体渲染所需内存分配不够。  
  
// 根据经验第一个可行的解决方案为:  
-webkit-perspective:0px!important;  
-webkit-backface-visibility:visible!important;  
-webkit-font-smoothing: subpixel-antialiased;  


[javascript] view plaincopy
// 关于popup plugin  
a、$("#afui").popup({........});  
b、$(document.body).popup({........})  
b方法在android环境下,input控件无法获得焦点,换成a方法成功。  


[html] view plaincopy
// 画面迁移的时候,会产生变形(android)。  
  
// 问题:采用了jsrender为模板的画面,在画面来回迁移的时候,会经常产生画面变形的现象。  
// 解决:每次画面切换的时候调用unload清除前画面(尤其是有list的)内容  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值