appframework学习--nav的使用说明

app-framework学习--nav的使用说明:

语法:

<nav id="mynav" style="background-image:url(../images/beijing.png)">

....

...

...

...

</nav>

在panel调用时,写法:

<div title=‘***‘ id="***" class="panel" data-footer="footerui" data-nav="mynav" data-defer="***.html" data-load="LoadedPanel" data-unload="UnloadedPanel"  style="background-image:url(../images/beijing.png)">

...

...

</div>

隐藏某panel不使用nav有以下3种方法:

1.

$.ui.disableSideMenu();

2.

$.ui.slideSideMenu=false;

3.

data-nav="none"

appframework学习--nav的使用说明

时间: 2024-08-24 11:42:28

appframework学习--nav的使用说明的相关文章

app-framework学习--nav的Scroller禁用与启用

app-framewor(jqmobi) nav的Scroller禁用与启用 写在panel 的 data-load 方法里 禁用  $.ui.scrollingDivs.menu_scroller.disable(); 写在panel 的 data-unload 又一次启用 $.ui.scrollingDivs.menu_scroller.enable(); 不会影响其它页面的nav的Scroller 直接禁用某id的scroll $.ui.scrollingDivs.panelid.disa

app-framework学习--panel传值

作者:木尘 日期:2015-01-17 app-framework学习--panel传值 关于appframework页面传值问题,好多人问,今天在这里给几点建议: 1.本地数据存取 /******** 本地数据存取函数 *********/ var localStorageUtils = { setParam : function(name, value) { localStorage.setItem(name, jsonUtils.toString(value)); }, getParam

appframework学习--appframework开发常见问题及解决方法(不定期更新)

1.页面跳转错误:Uncaught TypeError: Cannot read property 'afCSS3AnimateId' of undefined 原因:data-defer=""  跳转路径不正确 解决:路径正确即可 2.程序正在启动的圈圈一直 原因:转id冲突,出现重名id 解决:id冲突,出现重名id appframework学习--appframework开发常见问题及解决方法(不定期更新)

app-framework学习--popup的使用

app-framework的popup方法很好用,也很方便 下面使用法 $.ui.popup( {     title:"这里是title",     message:"主题信息",     cancelText:"关闭",     cancelCallback: function(){ //自己写的function可以在这里调用 console.log("关闭"); },     doneText:"确定"

appframework学习--mask toast

mask使用很简单,官网有介绍: 传入显示的文字和停留时间即可: function showMask(text,time) { $.ui.showMask(text); window.setTimeout(function () { $.ui.hideMask(); }, time); }</span> 由于官网没有提供toast功能,研究了一下,添加几行代码即可: 上面几个文件的#afui_mask { position:absolute;top:45%;z-index:999999; }下

app-framework学习--动态管理panel

作者:木尘 日期:2015-01-17 由于一个index写多有页面,压力过大.所以有了js解决方案,动态管理panel <span style="font-size:18px;"> var panelUtil = { /********** 添加一个新的header **********/ addNewHeader : function (headerContent){ $("#afui").append(headerContent); }, /***

app-framework学习-----官网地址及demo下载地址

一起学习共同进步,加油!!! 官网地址:http://app-framework-software.intel.com/ 下载地址:http://download.csdn.net/detail/haozq2012/7635951

app-framework学习--iscrolldemo

作者:木尘 日期:2015-01-07 由于appframework本身的scroll比较坑所以有了这个demo 顺带为了加快程序使用 require.js 实现异步加载demo如下: 用了 iscroll5 require+ jquery+iscroll+afui 下载地址:http://download.csdn.net/detail/haozq2012/8337087 附带下载:下拉刷新上拉加载demo: http://download.csdn.net/detail/haozq2012/

app-framework学习--弹出mask(toast)时让ui失去焦点

作者:木尘 日期:2014-11-26 app-framework弹出mask(toast)时让ui失去焦点: showToast("hi!",2000); $.ui.blockUI(.1); setTimeout(function () { $.unblockUI(); }, 2000); 效果图: