javascript - 如何获取转到另一个页面上的特定 div 的链接

Question

假设我有一个链接，上面写着:

<a href="services">Services</a>

当我单击该链接时，我显然想转到服务页面，但我想弄清楚如何才能获得该链接以将我带到该页面上的特定部分。

问题是，我想显示特定部分的页面，除非我点击选项卡，否则它不会显示。这是我的服务页面的样子。您将看到，如果单击选项卡，则会显示特定部分。

https://jsfiddle.net/esayoaqg/1/

如果我单击引用服务 1 的链接，我希望该链接转到服务页面并显示 div #service1 .

我该怎么做？

<a href="serviceCheck1#service1">Service 1</a>
<a href="serviceCheck1#service2">Service 2</a>
<a href="serviceCheck1#service3">Service 3</a>

$(function(){

    //get the section name from hash
    var sectionName = window.location.hash.slice(1);

    //then show the section
    $('#service-display-box').show();
    //$('#' + sectionName ).show();
    $('#service' + sectionName).show().siblings().hide();
})

Answer 1

你可以使用井号#:

<a href="services#service1">Services</a>

//services.html   
<div id="service1">...</div>

更新:

如果您需要在页面加载后自动显示某个部分，您可以执行以下操作:

$(function(){

    //get the section name from hash
    var sectionName = window.location.hash.slice(1);

    //then show the section
    $('#' + sectionName ).show();
})