Question

我有两个单独的页面，index.html和profile.html，我想用幻灯片动画将index.html href到h ..我试过了，

   $.mobile.changePage("/profile.html" , { 
     transition: "slideUp", 
     reloadPage: true });

index.html中的

。我想这段代码没有执行或者说是profile.html的更新头和一些reloadPage无法正常工作，它只是针对body标签。有什么问题或者如何用幻灯片动画重新加载整个个人资料页？

Answer 1

您没有加载“带幻灯片动画”的页面。幻灯片动画是一种CSS效果，您可以通过添加JQM正在使用的类（try slide in）添加到您想要的任何div元素。

因此，当JQM加载页面时，它会获取它在页面上找到的第一个<div data-role="page">的内容，并“抛弃”其他所有内容。

然后根据您设置的转换使用CSS定位新的"page"，通常为pos:absolute; top:0; right: screen-width。然后添加类并滑入页面。

由于JQM不解析页面之外的任何内容，因此忽略了profile <head>。要修复，所有页面都应该可以使用所有脚本，因为您永远不知道用户的起始位置，您需要确保所需的一切都在船上。