我迫切需要帮助,因为我本周有截止日期。我的问题是我想将一页网页修改为多页面网页。所以我需要修改锚标记以链接到另一个页面而不是同一页面。是因为javascript会阻止它吗?
以下是javascript:
//移动菜单和桌面菜单 $( “#templatemo_mobile_menu”)的CSS({ “右”: - 1500}); $( “#mobile_menu”)。点击(函数(){ $( “#templatemo_mobile_menu”)显示()。 $( “#templatemo_mobile_menu”)动画({ “右”:0}); 返回false; }); $(window).on(“load resize”,function(){ 如果($(窗口).WIDTH()> 768){ $( “#templatemo_mobile_menu”)的CSS({ “右”: - 1500}); } });
jQuery.fn.anchorAnimate = function(settings) { settings = jQuery.extend({ speed : 1100 }, settings); return this.each(function(){ var caller = this $(caller).click(function (event){ event.preventDefault(); var locationHref = window.location.href; var elementClick = $(caller).attr("href"); var destination = $(elementClick).offset().top - $('#templatemo_banner_menu').outerHeight() ; $("#templatemo_mobile_menu").animate({"right":-1500}); $("#templatemo_mobile_menu").fadeOut() ; $("html,body").css({"overflow":"auto"}); $("html,body").stop().animate({ scrollTop: destination}, settings.speed, function(){ // Detect if pushState is available if(history.pushState) { history.pushState(null, null, elementClick); } }); return false; }); }); }
我尝试在每个html链接的末尾添加“#”但仍无效。
帮助我啊!
谢谢!