jQuery Mobile +動態創建的頁面
[英]Jquery Mobile + Dynamically Created pages
問題描述
我正在動態創建jquery移動頁面，似乎唯一顯示的頁面是我創建的第一個頁面。 正在創建所有html元素。 我嘗試使用...
$.mobile.changePage("#page2");
沒啥事兒
所以我嘗試使用
$("#page1").hide();
$("#page2").show();
使用此代碼，page1將隱藏，而page2將不會顯示。
我也嘗試過結合
$("#page1").hide();
$("#page2").show();
$.mobile.changePage("#page2");
在各節內生成html頁面的字符串。
"<div data-role=\"page\" id=\"page1\" data-theme=\"b\" data-content-theme=\"b\"><h1>Page 1</h1></div>"
"<div data-role=\"page\" id=\"page2\" data-theme=\"b\" data-content-theme=\"b\"><h1>Page 2</h1></div>"
這是生成的html：
<body>
<section id="index_page" class="ui-mobile-viewport ui-overlay-b" style="display: none;"><!-- Start of home page --><div data-role="page" id="page1" data-theme="b" data-content-theme="b" data-url="index" tabindex="0" class="ui-page ui-page-theme-b ui-page-active" style="min-height: 901px;"><h1>Page 1</h1></div><div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon-loading"></span><h1>loading</h1></div></section><section id="page2" style="display: block;"><div data-role="page" id="page2" data-theme="b" data-content-theme="b"><h1>Page 2</h1></div></section>
</body>
知道我可能會缺少什么，或者這是jquery mobile和動態創建的html的錯誤嗎？
1 個解決方案
解決方案1
1 已采納 2015-03-09 20:55:51
確實，以編程方式在頁面之間導航的正確方法是$ .mobile.changePage（）;。
- 我為您提供了一個JsFiddle示例 ，您可以在其中看到如何直接或以編程方式從頁面導航到另一個注入的頁面。
我僅用您提供的信息使您成為另一個例子
並詢問： JsFiddle將頁面注入到哪里，然后顯示出來。 但這似乎與您提供給我們的代碼相同。 我不知道為什么它不起作用
您。$("body").append("<div data-role=\\"page\\" id=\\"page1\\" data-theme=\\"b\\" data-content-theme=\\"b\\"><h1>Page 1</h1></div>"); $("body").append("<div data-role=\\"page\\" id=\\"page2\\" data-theme=\\"b\\" data-content-theme=\\"b\\"><h1>Page 2</h1></div>"); $.mobile.changePage("#page1");注意：最后2條jquery行（已注釋）僅在此處顯示頁面導航在第一次之后仍在工作。
最后，您不應該使用hide（）和show（）函數來顯示/隱藏頁面。
在動態創建的文本框上調用jQuery（jQuery Mobile）
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.