我正在使用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