我的网络应用中存在问题: 当我在浏览器中打开“多页模板”页面时,我可以看到DOM中的两个页面,但只有一个页面处于活动状态,这是合乎逻辑的,没什么可说的。
但是当我从前一页加载“多页模板”页面时,使用ajax过渡,我可以看到DOM中的上一页(也是逻辑的:如果用户想要返回,则避免再次加载此页面)但是只加载了我的“多页模板”页面中的一个页面(第一个)。
我认为我在javascript的所有过程中都犯了一个错误:我在加载后自动删除非活动页面以避免ID冲突,但我为此页面写了一个特定的案例,不使用我的自动页面删除-功能。当我在浏览器中打开“多页模板”时,它完全有效(两个页面都在DOM中,我的“特殊情况”代码可以工作)
所以我去了文档页面: http://jquerymobile.com/demos/1.0/docs/pages/page-anatomy.html
我向下滚动到部分:“多页模板结构” 右键单击“查看多页模板”按钮>检查元素 我们可以看到代码:
<a href="../../docs/pages/multipage-template.html"
data-inline="true"
data-theme="b"
data-role="button"
rel="external"
class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow vt-p ui-btn-up-b">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true"><span class="ui-btn-text">View multi-page template</span></span>
</a>
所以, rel =“external”代码意味着不会使用ajax转换加载此页面,当您单击此按钮时,多页面模板可以正常工作(但它没有加载通过ajax ...) 回到按钮代码,我从DOM动态删除了属性rel =“external”,因此页面将被加载到ajax中。我点击按钮,多页加载很好,但是无法到达页面“#two”。在快速浏览一下DOM之后:id =“two”的页面不在那里,没有被框架加载。
所以这可能是一种正常的行为,但是在使用ajax转换时有没有办法加载多页模板的所有内页?
(抱歉我的英语不好,我希望它仍然可以理解)