我試圖根據局部變量更改元素的background-color
。變量看起來像JSON如下:無法根據JSON數據中的決策值更改背景顏色
{"decision": "0"}
的HTML:它們各自的CSS的
<div ><p id="status-message">"Status Message"<p></p></div>
<br>
<span id="auth">AUTH</span>
<span id="decline">DECLINE</span>
內<head>
:
#status-message {
color:red;
background:white;
display:none;
}
#auth {
border: 2px solid #a1a1a1;
padding: 20px 40px;
background-color:#efefef;
color:black;
width: 50px;
border-color:maroon;
border-radius: 10px;
border-width: 1px;
font-family: "Arial";
font-weight: bold;
font-size: large;
}
#decline {
border: px solid #a1a1a1;
padding: 20px 20px;
background-color:#efefef;
color:black;
width: 90px;
border-color:maroon;
border-radius: 10px;
border-width: 1px;;
font-family: "Arial";
font-weight: bold;
font-size: large;
}
最後的JQuery:(請注意,我用兩個雙和單引號以及不帶引號測試decision
變量在if
語句)
$.ajax({
type: 'GET',
url: url,
dataType: 'text',
success: function(data) {
var jsonobj = $.parseJSON(data)
var decision = jsonobj['decision']
if (decision == "0"){
$("auth").css("background-color", 'green');
$("status-message").css("display", 'inline');
$("decline").css("background-color", 'efefef');
}
});
錯字錯誤...您沒有在像'$(「auth」)這樣的選擇器中使用'#''...... – kukkuz