爲什麼這個jQuery函數不起作用？改變顏色

-1

我試圖改變我點擊的紅色圖標的顏色，同時將其他按鈕的顏色更改爲無。但這不起作用。我知道語法是錯誤的，但我無法繞過它。爲什麼這個jQuery函數不起作用？改變顏色

$("#appleIcon").click(function(e){ 
    $("#appleIns").show(); 
    $("#andIns").hide(); 
    $(this).css("background-color", "red"); 
    $("#andIcon").css("background-color", "none"); 
}); 

$("#andIcon").click(function(e){ 
    $("#appleIns").hide(); 
    $("#andIns").show(); 
    $(this).css("background-color", "red"); 
    $("#appleIcon").css("background-color", "none"); 
});

來源

2016-08-11 J. Doe

這是超出上下文。您需要提供更多描述代碼或文本。而且你不能在任何情況下調用「this」。 – Imbue

什麼是＃appleIns和＃和Ins。它們在您的JS中被引用，但我們沒有提供HTML來進行正確的故障排除。 –

您將需要包含您的HTML和CSS以解決此問題。你的jQuery語法看起來很好。 –

的是background-color:none在CSS中沒有這樣的事情儘量.css("background-color","")

$(document).ready(function(){ 
    $("#appleIcon").click(function(){ 
     $("#appleIns").show(); 
     $("#andIns").hide(); 
     $(this).css("background-color", "red"); 
     $("#andIcon").css("background-color",""); 
    }); 

    $("#andIcon").click(function(){ 
     $("#appleIns").hide(); 
     $("#andIns").show(); 
     $(this).css("background-color", "red"); 
     $("#appleIcon").css("background-color",""); 
    }); 
});

來源

2016-08-11 20:34:48

它不是沃金的原因，因爲沒有什麼作爲背景色：無。你可以把背景顏色：透明

來源

2016-08-11 20:42:09

有錯誤的CSS屬性background-color：沒有這樣的事情沒有。正確的方法是：

$("#appleIcon").click(function(e){ 
    $("#appleIns").show(); 
    $("#andIns").hide(); 
    $(this).css("background-color", "red"); 
    $("#andIcon").css("background-color", "rgba(0,0,0,0)"); 
}); 

$("#andIcon").click(function(e){ 
    $("#appleIns").hide(); 
    $("#andIns").show(); 
    $(this).css("background-color", "red"); 
    $("#appleIcon").css("background-color", "rgba(0,0,0,0)"); 
});

或者你可以試試這個：

$("#appleIcon").click(function(e){ 
     $("#appleIns").show(); 
     $("#andIns").hide(); 
     $(this).css("background-color", "red"); 
     $("#andIcon").css("background-color", "transparent"); 
    }); 

    $("#andIcon").click(function(e){ 
     $("#appleIns").hide(); 
     $("#andIns").show(); 
     $(this).css("background-color", "red"); 
     $("#appleIcon").css("background-color", "transparent"); 
    });

我建議你用第一種方法，即一套「背景色」爲「RGBA去（ 0,0,0,0）「

來源

2016-08-11 20:49:08

爲什麼這個jQuery函數不起作用？改變顏色

回答

相關問題