如何在普通javascript中实现jQuery移动动画Ajax页面导航(转换)
我一直在使用基于CSS3的动画在单页应用程序中使用javascript来动画页面。最近我在jQuery手机公司工作。默认情况下，对于所有链接，jQuery移动使用ajax加载页面并对其进行动画化。
我可以做的一种方法是追加散列(这就是gmail的工作方式)。但是我不想使用散列，我想改变完整的url，就像jQuery移动的方式一样。
我们能否仅使用javascript为单页应用程序实现相同的功能。
非常需要帮助。
回答 2
Stack Overflow用户
发布于 2014-02-14 07:38:11
要更改Url，可以使用以下内容：
window.history.pushState("object or string", "Title", "/new-url");有关更多信息，请参见此链接：使用新URL更新地址栏，不需要散列或重新加载页面
如果您想使用AJAX (它允许您执行视图淡出等)将一些内容加载到DOM中，那么您可以这样做：
$('.ajax_content').load(
//The Url + Only fetch this div from the page.
$(this).attr('href') + ' #someDiv',
function() {
//Do something when it's complete.
}
);.ajax_content将是您要加载内容的div。
注意：+ ' #someDiv'是可选的。它允许您只在所加载的Url中加载特定的div (因此可以避免再次将所有主体加载到DOM中。
有关.load()的更多信息可以在这里找到：https://api.jquery.com/load/
Stack Overflow用户
发布于 2014-02-19 23:46:47
我建议使用jQuery地址插件
它可以通过ajax加载页面，并且urls可以定制到您想要的任何内容。
https://stackoverflow.com/questions/21703541
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号