2016-12-27 59 views
0

我在這裏很新,但我經常訪問堆棧溢出來引用我發現自己想問的東西(我傾向於發現99.9%的問題已經在這裏'問'了嘿)如何知道前一個網頁點擊了哪個'href'鏈接?

但我想知道這是否。

我有一個主頁有兩個div元素(樣式爲帶有轉換效果的框,顯示他們自己的樣式a href鏈接)。

基本上這些是關於我們頁面上的選項卡式內容的鏈接。

已將第一個按鈕分配給ID爲learn-more-1和另一個learn-more-2。以下觀察:

<a id="#learn-more-1" href="about-us.html#company-history"/> 

<a id="learn-more-1" href="about-us.html#why-choose-us"/> 

about-us.html與分配了ID的兩個div標籤的容器:

#company-history#why-choose-us

及以下這些,我們有我們的內容(含相應的段落標題信息)。

我遇到的問題是,當我們點擊主頁上的href鏈接(樣式爲按鈕btw ..)時,我們到達about-us頁面沒有任何問題。它的標籤容器HOUSES標籤按鈕,但我們沒有看到它們。顯示的選項卡式內容從標題開始。

我在智慧結束試圖瞭解我失蹤。

我的問題是,有沒有辦法讓我的about-us頁面上使用jQuery,即:

$document.ready(function() { 

* psuedo code here * 
if the user arrived here via clicking learn-more-1 button 

make the tab button #company-history ACTIVE 
and scroll up 50px (so we can see the damn button as it only shows 
us the heading and paragraph content of the tab container..) 

else if the user arrived here having clicked learn-more-2 button, 
make the tab button #why-choose-us ACTIVE 
and scroll up 50px 
}; 

事情是這樣的,默認情況下#our-company-history,在about-usactive。意思是如果您剛剛訪問過about-us,您會看到標籤容器顯示了公司歷史記錄。所以沒有什麼隱藏的。

有沒有辦法或許,寫一個函數,只是傳遞一個參數到about-us.html,這將使我們知道哪個href ref按鈕鏈接被點擊了,以便我們可以使用它?還是我在這裏把一些非常簡單的事情複雜化了?

希望這裏有一些方向的人們歡呼!

編輯:

薩芬我必須知道,如果被點擊的主頁或者是HREF鏈接!這樣,只有這樣,我才能向他們展示選項卡式容器和活動選項卡下的內容。合理 ?每次用戶點擊about-us.html頁面並默認顯示選項卡式容器時,您提出的建議都會自動觸發。不是我們爲我的朋友所打的。所以你看,我需要一種方式來有條件地檢查用戶是否通過這兩個href鏈接(從主頁)到達about-us.html頁面,然後相應地打開相應的選項卡式內容。順便說一句,當href鏈接(樣式爲按鈕)在主頁中被點擊時,它們會到達about-us頁面和標籤容器,但無法看到活動和非活動選項卡。這就是問題所在。

+1

只要勾選['window.location.hash'](https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/哈希值)。 –

+0

這不是什麼按鈕被點擊的重要,但如提到什麼哈希是在網址 – charlietfl

+0

謝謝馬拉特,但沒有多大幫助。 –

回答

0

一些代碼來告訴你algoritm

$(document).ready(function() { 
    var tabId = window.location.hash; // get id of destination tab 
    if(tabId) { 
     $("#our-company-history").hide(); // hide default tab 
     var tab = $(tabId); // get destination tab 
     $(window).scrollTop(tab.offset().top); // scroll to destination tab 
     tab.show(); // display tab-content 
    } 
}); 
+0

哦,我的上帝br3t這真棒兄弟!兄弟,它的工作!^_ ^,但是你的代碼的問題是,使用'$(window).scrollTop(tab.offset()。top); //滾動到目標標籤'沒有做任何改變。我只是添加一個數值來顯示或多或少的所有標籤容器,即$(window).scrollTop(tab.offset()。top - 250); //滾動到目標選項卡,因爲我正在離線測試(locale on wampserver),我將使用此代碼片段更新about-us頁面,並在不同的視口觀察效果。即時通信在手機上的'-250'可能會造成嚴重破壞,但我可以解決這個問題。 –

+0

嗨br3t,它再次嘿。是的,這裏的代碼是正確的,該死的它是如何在這個評論框中實現「返回」的!如果我打回來,它會發送任何類型的笑話,笑話。 OKAY - 那個代碼?它僅適用於臺式機。神奇的事情發生在這行:$(window).scrollTop(tab.offset()。top); ,但我想知道的是 - 爲什麼這不會發生在平板電腦和手機上?我在這方面做了一些研究,出於某種原因,scrollTop沒有被電話瀏覽器或其他東西拾起。所以儘管我授予你B/A,我需要你幫助我在這裏兄弟。 –

+0

使用僞代碼和可想象的html很好玩,但沒有人能幫助您解決真正的代碼。 – br3t

相關問題