Jquery 函数的作用是:将用户视图加载到页面顶部

Jquery 函数的作用是:将用户视图加载到页面顶部,jquery,Jquery,我有一个工作网站,最初只显示职位和业务地址,当用户单击某个职位时,会显示该职位的详细信息,当用户单击另一个职位时,会隐藏第一个职位的详细信息,并显示第二个职位的详细信息。这是通过以下方式完成的: $(document).ready(function(){ $(".job_link").click(function(){ $(".job_description").hide(); $(this).parents('.job').fi

我有一个工作网站,最初只显示职位和业务地址,当用户单击某个职位时,会显示该职位的详细信息,当用户单击另一个职位时,会隐藏第一个职位的详细信息,并显示第二个职位的详细信息。这是通过以下方式完成的:

 $(document).ready(function(){
        $(".job_link").click(function(){
            $(".job_description").hide();
            $(this).parents('.job').find(".job_description").show();
        });
    });
但是,当用户单击职务时,视图总是重新加载到屏幕顶部。如何将视图集中在他们单击的职务上?

我认为您在这里要做的是确保防止锚定标记的默认行为。默认行为将尝试重新加载到另一个页面。尝试传入事件,然后再传入它e.preventDefault()

$(document).ready(function(){
    $(".job_link").click(function(e){
        e.preventDefault();
        $(".job_description").hide();
        $(this).parents('.job').find(".job_description").show();
    });
});