我正在使用rails应用程序，其中我试图打开一个新页面，所有的静态页面， https://www.mazzey.com/是链接，如果你点击标题按钮，它打开新页面使用页眉和页脚淡入和淡出效果，而无需在Mozilla Firefox中刷新，但在Google Chrome中，标题也会刷新。 我还发现Firefox中的页眉和页脚也会刷新，但与谷歌Chrome不同。 那么我可以使用Ajax或任何插件来做到这一点，以避免刷新页眉和页脚？
$(function(){ var newHash = '', $mainContent = $("#main-content"); $(".nav").delegate("a","click",function(){ window.location.hash = $(this).attr("href"); return false; }); $(window).bind('hashchange',function(){ newHash = window.location.hash.substring(1); if(newHash){ $mainContent.find("#guts").fadeOut('slow',function(){ $mainContent.hide().load(newHash + " #guts",function(){ $mainContent.fadeIn('slow'); }); }); } }); $(window).trigger("hashchange"); });
我正在使用ba-hashchange插件
有关更多信息，请查看此css-tricks.com/video-screencasts/85-best-practices-dynamic-content/
以上就是jQuery教程分享如何在不刷新的情况下打开新页面相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址：https://www.ctvol.com/jquerytutorial/557881.html