2013-06-30 34 views
0

這對你來說可能很簡單,但我似乎無法知道要搜索什麼。我使用CMS沒有我想要使用的菜單,所以我必須自己做,但我不知道如何:當您轉到其他頁面時更改按鈕的背景?

我有5個按鈕導致其他頁面。當我轉到頁面「2」時,當點擊按鈕時,我想讓按鈕「2」自動切換到另一個背景。

我覺得必須有某種jQuery的可能性來檢查它是否爲頁面「2」,然後更改該按鈕的按鈕顏色,但我沒有更多的線索。

希望有人能給我一些建議。感謝:-)

+0

你能建立什麼樣的標記關係?必須有一些已經在CMS內部繼承的唯一標識符來指定頁面,將其用作'data-target =「」'屬性,然後執行'$('button [data-target =「myUniqueSelector」]') .addClass('selected');',其中'.selected'包含您需要的CSS。 – Ohgodwhy

回答

0

下面是一些代碼,我在一個快速谷歌發現:

<script type="text/javascript"> 
jQuery(function() { 
    jQuery('.primary-nav a').each(function() { 
    if (jQuery(this).attr('href') === window.location.pathname) { 
     jQuery(this).addClass('current'); 
    } 
    }); 
}); 
</script> 

這是假設的導航鏈接是與類名primary-nav的元素,格式與實現在你的CSS中的類名current

這適用於a-tags(具有href屬性),因此它將取決於您的按鈕設置方式。 (他們可能是剛剛格式化看起來像按鈕的鏈接。)

我搜索jQuery來格式化當前頁面鏈接

如果你的按鈕是不是一個鏈接,但使用點擊事件觸發一些jQuery代碼會改變頁面的位置,那麼需要做更多的工作。你可能不得不給當前頁面的鏈接/按鈕一個id,只是用css格式化這個id。但是,這意味着您必須將此ID添加到每個頁面中的相關按鈕。