我尝试使用jQuery Mobile链接虚拟页面,但我有两个问题:
>第一次加载页面时,不应用CSS.
>当我选择一个页面并且我想要更改为另一个页面时,我注意到每次经过页面1.
这是我的example.
代码:
var nbrButton = 3; $(document).ready(function(){ for(i = 1;i <= nbrButton;i++) { $("body").append('<div id="p'+i+'" data-role="page" class="pages"><div data-role="content">Page'+i+'</br><a data-role="button" rel="internal" href="#p1" data-inline="true">1</a><a data-role="button" rel="internal" href="#p2" data-inline="true">2</a><a data-role="button" rel="internal" href="#p3" data-inline="true">3</a></div></div>'); } $("#p1").show(); });
你能告诉我这是什么问题,或者是否有更好的方法可以做到这一点.
谢谢.
更新
我还删除了链接中的data-rel =“internal”.
回答
我做了以下.
代替
$('#p1').show();
我加上这个
$.mobile.changePage( '#p1',{ allowSamePageTransition: true });
它将刷新Page-1 p1以重新加载样式.
工作example.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。