jquery - ボタンの色の有効化と無効化、および無効化

Question

ここのロジックに少し問題があります。アクティブ化および非アクティブ化data[i].subj_statusボタンがあり、非アクティブ化ボタンのステータスまたはステータスsubject is = 0が灰色になり、アクティブ化が青色になるかどうかをajaxにチェックさせます。コードは次のとおりです

  var counter_sub = 0 ;

     var html;



              $.ajax({
                        type:'POST',
                        url:'add_subject.php',
                   dataType:'json',
                       data:{'func_numbr':'2'},
                    success:function (data){
                      var activator;

                      var disabler;


                       $.each(data, function(i, item) {


                        if(data[i].subj_status == "0" ){
                            activator = "";
                          disabler = "";


                        }
                        else if(data[i].subj_status == "1" ){

                          activator = "inactiveButton";
                          disabler = "disabled='disabled'";
                        }

                        html = "<tr>";

                        html += "<td><lable>Subject: </label><input type='text' name='subject["+counter_sub+"]' rel='"+data[i].subj_id+"' value='"+data[i].subj_name+"'></td>";
                        html += "<td><input type='button' id='activate' name='active' class='button active "+activator+"' value='Active' "+disabler+"> ";
                        html += "<input type='button' id='inactivate' name='active' class='button inactive "+activator+"' value='Inactive'></td>";
                        html += "</tr>";
               $('#curr-elem-tble').append(html);

               counter_sub = counter_sub +1;
              });
                    }     
             });

CSS:

.inactiveButton{

background:gray !important;
cursor:text;

}

残念ながら、ステータスが 1 の場合、両方とも青色になります。みんな助けてください。高度な tnx。

Answer 1

のようなエスケープシーケンスで使用します

disabler = "disabled=\"disabled\"";