PHP   发布时间:2022-04-09  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 使用jQuery Mobile动态创建虚拟页面全部内容,希望文章能够帮你解决php – 使用jQuery Mobile动态创建虚拟页面所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: