Question

我有一个工作网站，最初只显示职位名称和公司地址，当用户单击职位名称时，将显示该职位的详细信息，当用户单击另一个职位时，第一个职位的详细信息将被隐藏，第二个职位将被隐藏。如图所示。这是通过以下方式完成的：

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

但是，当用户单击职位时，视图始终会重新加载到屏幕顶部。如何将视图集中在他们单击的职位上？ https://jsfiddle.net/j60y9h3v/1/

Answer 1

我认为您要在此处执行的操作是确保您要防止该锚标记的默认行为。默认行为将尝试重新加载到另一个页面。尝试传递事件，然后传递给e.preventDefault（）

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

jQuery show（）函数将用户视图加载到页面顶部

1 个答案: