2017-08-30 33 views
-1

我試圖根據局部變量更改元素的background-color。變量看起來像JSON如下:無法根據JSON數據中的決策值更改背景顏色

{"decision": "0"}

的HTML:它們各自的CSS的

<div ><p id="status-message">&quot;Status Message&quot;<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'); 
     } 
}); 
+2

錯字錯誤...您沒有在像'$(「auth」)這樣的選擇器中使用'#''...... – kukkuz

回答

3

更新您的jQuery的語句。您忘記提及id(#)class(.)選擇器。

+0

拒絕投票的具體原因是什麼? –

+0

這不是我低估了你的。 – omrakhur

相關問題