大佬教程收集整理的这篇文章主要介绍了javascript – 使用jquery mobile克隆页面,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
问题是按钮根本不会改变页面.
页面元素如下所示:
<div data-role="page" id="press-media-page"> <?PHP get_template_part("loop","header"); ?> <div data-role="content"> <h1>Press & Media</h1> </div> <?PHP get_template_part("loop","footer"); ?> </div>
要创建每个页面:
newPage = $("#press-media-page").clone().attr({ "id": "press-media-page-" + pagenumber,"data-url": "press-media-page-" + pagenumber }).page();
然后在添加元素和按钮后,将其附加到文档:
$.mobile.pageContainer.append(newPagE);
在我创建页面之后,我遍历它们并触发create事件:
$("#press-media-page").trigger("create"); for (var i = 1; i < pages; i++) $("#press-media-page-" + i).trigger("create");
页面显示在文档的正确位置,按钮链接到右页面ID,但是它们不会导航.
我该怎么做才能让它发挥作用?
编辑
这是我创建按钮的方式:
if (pagenumber > 0) navButtonGrid.left.append("<a>").attr({ "href": "#press-media-page" + ((pagenumber > 1) ? "-" + (pagenumber - 1) : ""),"data-role": "button","data-icon": "arrow-l","data-iconpos": "left" }).text("View Newer"); if (pagenumber < @R_636_10586@lPages - 1) navButtonGrid.right.append("<a>").attr({ "href": "#press-media-page-" + (pagenumber + 1),"data-icon": "arrow-r","data-iconpos": "right" }).text("View Older");
以上是大佬教程为你收集整理的javascript – 使用jquery mobile克隆页面全部内容,希望文章能够帮你解决javascript – 使用jquery mobile克隆页面所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。