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

前端之家收集整理的这篇文章主要介绍了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.

猜你在找的PHP相关文章