0
這對你來說可能很簡單,但我似乎無法知道要搜索什麼。我使用CMS沒有我想要使用的菜單,所以我必須自己做,但我不知道如何:當您轉到其他頁面時更改按鈕的背景?
我有5個按鈕導致其他頁面。當我轉到頁面「2」時,當點擊按鈕時,我想讓按鈕「2」自動切換到另一個背景。
我覺得必須有某種jQuery的可能性來檢查它是否爲頁面「2」,然後更改該按鈕的按鈕顏色,但我沒有更多的線索。
希望有人能給我一些建議。感謝:-)
這對你來說可能很簡單,但我似乎無法知道要搜索什麼。我使用CMS沒有我想要使用的菜單,所以我必須自己做,但我不知道如何:當您轉到其他頁面時更改按鈕的背景?
我有5個按鈕導致其他頁面。當我轉到頁面「2」時,當點擊按鈕時,我想讓按鈕「2」自動切換到另一個背景。
我覺得必須有某種jQuery的可能性來檢查它是否爲頁面「2」,然後更改該按鈕的按鈕顏色,但我沒有更多的線索。
希望有人能給我一些建議。感謝:-)
下面是一些代碼,我在一個快速谷歌發現:
<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添加到每個頁面中的相關按鈕。
你能建立什麼樣的標記關係?必須有一些已經在CMS內部繼承的唯一標識符來指定頁面,將其用作'data-target =「」'屬性,然後執行'$('button [data-target =「myUniqueSelector」]') .addClass('selected');',其中'.selected'包含您需要的CSS。 – Ohgodwhy