我找到了這個巧妙的解決方案,可以使用jquery.cookie更改背景顏色并將其存儲到 cookie 中。做了一些調整,效果很好:$(document).ready(function () { $("body").css("background-image",$.cookie("<?php echo $_SESSION['username_login']; ?>")); $("#background-change").change(function (event) { var img = $(this).val(); $("body").css("background-image",img); $.cookie("<?php echo $_SESSION['username_login']; ?>",img, {path: '/', secure: true}); }); });現在我正在嘗試基于此制作主題顏色更改女巫的默認類 .w3-blue-grey。這是我得到的最接近的:$(document).ready(function () {$(".w3-blue-grey").toggleClass($.cookie("<?php echo $_SESSION['username_login']; ?>col")); $("#color-change").change(function (event) { var col = $(this).val(); $(".w3-blue-grey").toggleClass(col); $.cookie("<?php echo $_SESSION['username_login']; ?>col",col, {path: '/', secure: true}); });});正如您所看到的,我對 cookie 的名稱進行了不同的處理,因此不會發生沖突,但由于某種原因,該代碼無法正常工作。我什至無法解釋什么是錯誤,就像它有自己的想法一樣,有時它會改變顏色,但錯誤的顏色,然后不會回到默認狀態,有時它根本沒有給出任何類并且它是透明的.. .我只是不明白...我嘗試用switchClass而不是切換,但它也變得瘋狂。我注意到它可能與選擇順序有關(有時當我對其進行更改時),因此我也給出了我的 HTML 代碼。<select name="wall" id="background-change" class="w3-padding"> <option>...</option> <option value='url("img/wall6.png")'>Glavna</option> <option value='url("img/wall2.png")'>Opcija 1</option> <option value='url("img/wall3.png")'>Opcija 2</option> </select>向上是我選擇更改背景并且有效。下面是我的主題切換器:<select name="colour" id="color-change" class="w3-padding"> <option >...</option> <option value='w3-blue-grey'>Light grey</option> <option value='w3-indigo'>Indigo</option> <option value='w3-blue'>Light blue</option></select>我在這個問題上浪費了幾個小時,我不知道我還能想到什么來解決這個問題,請指教。
1 回答

當年話下
TA貢獻1890條經驗 獲得超9個贊
我解決了...由于某些原因,切換類無法正常工作,所以現在我只是對類生成的樣式進行更改。HTML select 中的值需要是您希望應用的完整樣式。然后將其傳遞到cssText。
? ? ? ?$(document).ready(function () {
? ? ? ? $(".w3-blue-grey").css('cssText',$.cookie("<?php echo $_SESSION['username_login']; ?>col"));
? ? ? ? ? ? $("#color-change").change(function (event) {
?var col =? $(this).val();
? //window.alert(col);
? $(".w3-blue-grey").css('cssText',col);
? ?$.cookie("<?php echo $_SESSION['username_login']; ?>col",col, {path: '/', secure: true});
? ?//location.reload();
? ? ? ? ? ? });
? ? ? ? });
- 1 回答
- 0 關注
- 129 瀏覽
添加回答
舉報
0/150
提交
取消