Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当我点击一个链接时,页面跳转到顶部——我怎么能阻止它?_Javascript_Jquery - Fatal编程技术网

Javascript 当我点击一个链接时,页面跳转到顶部——我怎么能阻止它?

Javascript 当我点击一个链接时,页面跳转到顶部——我怎么能阻止它?,javascript,jquery,Javascript,Jquery,单击链接后如何阻止页面跳转到顶部? 我正在运行以下脚本。(我有预感,是他们造成了这种行为) $(文档).ready(函数(){ $(“#menu-primary-menu-1”).append(“”); }); $(窗口)。滚动(函数(){ if($(this).scrollTop()340){ $('.arrow').css({ “显示”:“无” }); }else$('.arrow').show(); }); $(“.arrow”)。单击(函数(){ $('html,body')。设置动画

单击链接后如何阻止页面跳转到顶部? 我正在运行以下脚本。(我有预感,是他们造成了这种行为)


$(文档).ready(函数(){
$(“#menu-primary-menu-1”).append(“
  • ”); }); $(窗口)。滚动(函数(){ if($(this).scrollTop()<50){ $('#menu-primary-menu-1').hide(); }else$('#menu-primary-menu-1').show(); }); $(窗口)。滚动(函数(){ if($(this).scrollTop()>340){ $('.arrow').css({ “显示”:“无” }); }else$('.arrow').show(); }); $(“.arrow”)。单击(函数(){ $('html,body')。设置动画({ scrollTop:$(“.row”).offset().top }“慢”); });
    我尝试了以下方法:

    <script language="JavaScript" type="text/javascript">
        var link = document.getElementsByTagName("a");
    
        $(link).attr('onclick', 'bgenScroll();');
    
        <!--
        function bgenScroll() {
            if (window.pageYOffset != null) {
                st = window.pageYOffset + '';
            }
            if (document.body.scrollWidth != null) {
                if (document.body.scrollTop) {
                    st = document.body.scrollTop;
                }
                st = document.documentElement.scrollTop;
            }
            setTimeout('window.scroll(0,st)', 10);
        }
    
        $('a').click(function(e) {
            e.stopPropagation();
        });
    
        //-->
    </script>
    
    
    var link=document.getElementsByTagName(“a”);
    $(link.attr('onclick','bgenscoll();');
    
    我在wordpress主题中运行它们


    固定的 这不是关于#锚。单击时,所有链接都会将页面滚动到顶部

    我将其用作修复程序。

    请尝试此代码

    $("a").click(function(){
        return false;
    })
    

    我想你的
    锚定中有
    href=“#”
    。您可以使用
    #~
    并尝试

    <a href="#~">YourLink</a> <!--Or any other character to avoid the scroll up-->
    

    或者您可以使用以下代码更改现有代码

    $(link).attr('onclick', 'return bgenScroll();');
    function bgenScroll(){
        //  your logic
        return false; // add this at end of the function;
    }
    

    假设您的所有链接都有一个
    箭头类
    ,则您可以在单击时告诉它,并为scrolltop设置动画。你真的需要知道你在复制/粘贴什么代码到你的项目中。可能的重复不是关于#链接,而是发生在所有linksBad建议上。这将禁用页面上的所有超链接或:
    function(event){event.preventDefault();}
    -为了完整起见,可能值得包含?@Onimusha但如果您检查代码的使用情况,他希望禁用链接
    $('a')。单击(function(e){e.stopPropagation();})@Mitul你好,Mitul。不管他在尝试什么,这都是一种不好的做法,应该予以纠正和建议。这就是我的全部观点:)@Onimusha好的,没问题,我只是为阻止默认点击事件编写了代码。谢谢,我会确保下次提供高质量的答案。这将刷新页面。你应该删除这个answer@isherwood这可能不是标准做法,但它是有效的。
    也会跳到顶部,因为它是一个锚,所以建议再次是不正确的
    $(link).attr('onclick', 'return bgenScroll();');
    function bgenScroll(){
        //  your logic
        return false; // add this at end of the function;
    }