欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jqmobi 视频

shiping1 的头像
pdf 文档 见下面的附件

下面的内容全在pdf(或doc)里面


JqMobi页面的跳转 a链接的使用 

[复制链接]
  
跳转到指定楼层
楼主
 发表于 2014-3-1 14:09:50 | 只看该作者 回帖奖励
JqMobi panel跳转

  1. <a href="#home" data-transition="fade">Home </a>
复制代码

JqMobi ajax请求页面

  1. <a href="products/list" data-refresh-ajax="true">Products </a>
复制代码

下面JqMobi ajax请求页面 并且请求的页面里面还可以请求其他的数据

  1. <a href="products/list" data-refresh-ajax="true">Products </a> 
  2.  
复制代码

下面是 JqMobi 请求页面 并且请求的页面里面不可以请求其他的数据

  1. <a href="products/list" data-persist-ajax="true">Products </a> 
  2.  
复制代码



JqMobi 原生的页面跳转

  1. <a href="index.html?bb" data-ignore="True">Load BB10 Theme </a>
复制代码
另一种js跳转的方式

  1.  
  2. <a href="content.html" data-transition="pop">Remote Content </a>
  3.  
  4. $.ui.loadContent("content.html");
  5.  
  6.  
  7. <a href="content.html" data-transition="pop" data-persist-ajax="true">Remote Content </a>
  8.  
  9. $.ui.loadAjax("content.html",false,false,"slide",true);
  10.  
复制代码

 

 来自 http://bbs.phonegap100.com/thread-610-1-1.html




<div class="panel" id="about" style="overflow:hidden"> </div> <!-- no scrolling -->
 
 
<div class="panel" id="login" selected="true"> </div> <!-- Default loaded panel -->
 
 
<div class="panel" id="login" modal="true"> </div> <!-- Modal window -->
  //弹出对话框
 
<div class="panel" id="about" data-header="default"> </div> <!-- Change the header -->
 //这是设定头部
 
<div class="panel" id="login" data-footer="none"> </div> <!-- This removes the footer!-->
 
 
<div class="panel" id="login" data-nav="settings"> </div> <!-- Change the side nav menu -->
 //这里设定哪个侧栏  settings是id
 
<div class="panel" id="login" data-tab="settings"> </div> <!-- Change the selected tab to
settings -->
 //这里设定 哪个footer处于 选中状态 settings是id
 
<div class="panel" id="login" data-defer="app/login"> </div> <!-- Load the login content from
the HTTP request of app/login -->
 //这里是执行ajax ,,不过是本地 不能远程
 
<div class="panel" id="login" data-load="showCount" data-counter='5'> </div> <!-- execute
showCount when the panel is loaded -->
<script> function showCount(div){alert($(div).data('counter'));} </script>
 //页面加载时执行showCount
 
<div class="panel" id="loggin" data-unload="showCount" data-counter='3'> </div> <!-- execute
showCount when the panel is unloaded -->
 //页面加载时失败时执行showCount
 
 
<a href="content.html" data-transition="pop">Remote Content </a>
 
 原生的页面跳转

$.ui.loadContent("content.html");
 
 
 
<a href="content.html" data-transition="pop" data-persist-ajax="true">Remote Content </a>
 ajax的跳转
 
$.ui.loadAjax("content.html",false,false,"slide",true);




 




普通分类: