亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Cookie 更改/切換/切換 CSS 類 jQuery 問題

Cookie 更改/切換/切換 CSS 類 jQuery 問題

大話西游666 2023-10-10 16:34:20
我找到了這個巧妙的解決方案,可以使用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();

? ? ? ? ? ? });

? ? ? ? });


查看完整回答
反對 回復 2023-10-10
  • 1 回答
  • 0 關注
  • 129 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號