如何獲得一個鏈接轉到一個特定的div另一頁

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

當我點擊該鏈接我要明明去的服務頁面上，但我想弄清楚的是，如何獲取該鏈接以將我帶到該頁面上的特定部分。

事情是，頁面我想展示一個特定的部分，它不顯示，除非我點擊一個選項卡。這是我的服務頁面的樣子。你會看到如果你點擊一個標籤，一個特定的部分將會出現。

如果我點擊引用服務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(); 
})

來源

2016-05-12 Becky

誰就說這個問題已經回答顯然沒有充分閱讀。我想要顯示的部分不可見，需要點擊一個按鈕才能顯示。 – Becky

你可以使用井號#：

<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(); 
})

來源

2016-05-12 20:16:51 MarkoCen

這會顯示div，因爲它被隱藏了嗎？你也會在我的小提琴中看到，當有人點擊頂部的按鈕時，我會顯示'＃service-display-box'。無論如何顯示從一個鏈接？ – Becky

請參閱我的更新以顯示如何在頁面加載後自動顯示隱藏的div – MarkoCen

我可以更改每節的這一部分嗎？我是否或將只能自動顯示一節？我總是需要自動顯示'service-display-box'，但是每個鏈接點擊的內容都會有所不同。即：當單擊service1鏈接時，service1部分需要顯示等等。 – Becky

您可以使用

<a href="blah.html#gohere">blah blah</a> 

<p id="gohere">show this content</p>

，然後使用基於滾動或窗口位置的節目內容..

很可能需要的各種javascript來得到它，你怎麼想。

來源

2016-05-12 20:34:51 semaj0

您可以使用錨點，但不會將隱藏的元素設置爲可見。

您需要添加一些javascript才能顯示它。根據您小提琴的例子，這將是如下：

var index = location.hash.indexOf('#service'); 
if(index > -1) { 
    var serviceId = parseInt(location.hash.substring(index)); 
    if(serviceId) { 
     $('#service-display-box').show(); 
     $('#service' + serviceId).show().siblings().hide(); 
    } 
}

來源

2016-05-12 20:35:15 berko

如何獲得一個鏈接轉到一個特定的div另一頁

回答

相關問題