jqmobi跳转链接情况分析

来源:互联网 发布:平面设计排版软件 编辑:程序博客网 时间:2024/05/18 01:37

    在进行页面间的跳转是,本人一直按原先的思维,直接使用的是<a href="#main.html" >下一个页面</a>,导致无法实现页面的跳转,后面查看demo才发现问题,下面是对jqmobi中a标签的一些用法进行汇总。

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

        <a href="products/list" data-refresh-ajax="true">Products </a> 

2.JqMobi 原生的页面跳转:

        <a href="index.html?bb" data-ignore="True">Load BB10 Theme </a>

3.另一种js跳转的方式:

      <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>
      $.ui.loadAjax("content.html",false,false,"slide",true);

4.JqMobi js跳转panel的方式:

      $.ui.loadContent("#divid") 
      $.ui.loadContent(url)







0 0
原创粉丝点击