可以更改位置栏中的 URL 并使用 jQuery 移动框架中的动画加载新页面。
如何？
问问题
328 次
1 回答
1
是的，这是可能的：任何可以使用 jQuery mobile（或任何其他 javascript 库/框架）完成的事情也可以使用 vanilla Javascript 完成。由于您没有提供任何源代码，我想您希望得到有关如何执行此操作的提示（如果您提供已经尝试过的代码，堆栈溢出用户通常更有动力提供帮助）。
假设您至少要使用 jQuery（或其他 js 框架）：
jQuery.get()使用（您必须将其检索为“html”）加载新页面。- 将响应文本保存在 jQuery 对象中：
var myPage = jQuery(MyCallResponseText). - 使用 jQuery 的函数
find来获取一个特定的 div，从中获取myPage您要显示的内容的包装（请注意，不会在其中找到 header 和 body 标签myPage）。 - 创建一个
myContainer宽度和高度为 100%、位置固定、z-index 为 10 的新 div，并且不显示任何内容。 - 附加到
myContainer整个myPage对象（或其内容），将 div 添加到当前页面的主体，最后进行动画处理。
关于脚本的注意事项：其中包含的任何脚本在myPage添加到 DOM 时都会被评估，但头部中的脚本不会被评估。
对于动画，您可以使用 jQuery 的Animate函数。例如：将 opacity of 设置myContainer为 0 并将 display 设置为 block，然后将 opacity 从 0 设置为 1 动画，这样您将获得一个 fadeIn 动画。当然，同样的动画也可以通过调用myContainer.fadeIn()来代替。
于 2012-12-09T17:14:19.393 回答