2016-12-27 32 views
0

我有一個問題將默認焦點應用於錨點(來自5個錨點的列表)

我已經使5個錨點的行爲類似於「選項卡」。基本上你點擊它們來查看不同的頁面內容。現在我的問題是,我正在使用CSS:focus來允許顏色在點擊時改變。這用於允許用戶看到他當前正在使用哪個當前錨點。

現在我的問題在於我希望其中一個錨點默認由相同的焦點規則突出顯示(錨點用於主頁),因爲默認情況下,在頁面加載時,我們已經在該錨點中。

真的會apperciate你的一些建議,謝謝

只是要更清晰,說我們得到了5個錨 A1 | a2 | a3 | a4 | A5 現在在頁面加載,我想申請的重點CSS規則A1自 它的默認值,其餘部分將根據改變其對

用戶點擊我有當前工作然而問題是,它在默認情況下不關注任何標籤。一旦用戶點擊某個標籤,它將改變哪個是正確的。它只是我希望能得到一個默認選項卡

+0

首先做一些谷歌作爲其已經要求對SO,第二請進來與你已經嘗試代碼。謝謝。 –

+0

我沒有在谷歌上找到它,你能告訴我你搜索了什麼嗎? –

+0

你可以從[這裏]有想法(http://stackoverflow.com/questions/9482440/show-first-tab-when-page-is-loaded)和[這裏](https://www.sitepoint.com/community/t/how-to-keep-the-tab-active-when-the-user-come-page-to-page/16643) –

回答

0

試試這個:

$(function(){ 
    $('#a1').click(); 
    // This will execute on page load and when click is done the focus css applied on this anchor automatically 

OR 

    $('#a1').addClass('focus'); 
    // make a css class and add to any anchor 
});