-1
ローカル変数に基づいて要素のbackground-colorを変更しようとしています。変数は、JSONで次のようになります。JSONデータ内の判定値に基づいて背景色を変更できません
{"decision": "0"}
HTML：
<div ><p id="status-message">"Status Message"<p></p></div>
<br>
<span id="auth">AUTH</span>
<span id="decline">DECLINE</span>
<head>の内側に、それぞれのCSS：
#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：（私はダブルとシングルの両方クォーテーションでだけでなく、引用なしif文でdecision変数をテストしていることに注意してください）
$.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');
}
});
typo mistake ... '$（" auth "）'のようなセレクタで '＃'を使用していません... – kukkuz