php – 使用jQuery Mobile动态创建虚拟页面

我尝试使用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.

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!