将标记锚定到另一个页面,但只能右键单击

时间:2017-05-11 09:19:48

标签: javascript jquery html css

我迫切需要帮助,因为我本周有截止日期。我的问题是我想将一页网页修改为多页面网页。所以我需要修改锚标记以链接到另一个页面而不是同一页面。是因为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链接的末尾添加“#”但仍无效。

帮助我啊!

谢谢!

0 个答案:

没有答案