根據網址添加課程/索引

基本上我希望用戶可以根據他們爲網站選擇的網址選擇不同的背景。根據網址添加課程/索引

例子：

example.com/#red < - 紅BG

example.com/#blue < - 藍BG

我的想法是有指數上漲，並使用它作爲一個風格類，但它沒有鍛鍊。

我看了整個互聯網，找不到任何工作或匹配。我完全失去了....

我想：

if(window.location.href == "http://www.example.com/#red"){ 
    $('body').addClass('red'); 
} else if(window.location.href == "http://www.example.com/#blue"){ 
    $('body').addClass('blue'); 
        ---[10 more colors]--- 
} else { 
exit(); 
}

來源

2017-06-17 Farfalla

使用php，您可以在加載頁面之前輕鬆地將body class添加到您的標記中。然後在CSS中具有該體類的CSS ... https://codex.wordpress.org/Plugin_API/Filter_Reference/body_class – Mohsin

不知道你的指數是什麼意思，但當前的例子中，你可以使用的location.hash，並刪除第一個字符：

$(document).ready(function() { 
    var color = window.location.hash.slice(1); 
    $('body').addClass(color); 
});

爲了檢查，你可以更換，如果有一個開關/別人比較，或將匹配顏色的數組，如果color匹配任何然後做addClass。

編輯：例如：

$(document).ready(function() { 
    var matchColors = ["red", "green", "blue"]; 
    var color = window.location.hash.slice(1); 
    if (matchColors.indexOf(color) != -1){ 
     $('body').addClass(color); 
    } 
});

此外，而不是哈希，你有沒有考慮使用URL參數？（可以使用location.search進行檢索）

來源

2017-06-17 22:03:57 yezzz

根據網址添加課程/索引

回答

相關問題