Add Icon dynamisch mit Javascript

Question

Javascript verwenden Element zum Div-Tag

div_appuser=div_appuser+'<td><div class="switch switch-square" data-on-label="<i class=fa fa-check></i>" data-off-label="<i class=fa fa-times></i>"><input type="checkbox" id="user'+varresult.Id+'" data-toggle="switch" /></div></td>'; 

div_appuser hinzufügen variabel ist.

Fehler in der Entwicklerkonsole.

Uncaught SyntaxError: Unexpected string 

Wie Font ehrfürchtiges Symbol als Daten-on-Label auf Bootstrap-Schalter hinzufügen? Code: Problem mit Ihrem HTML-Zeichenfolge, die Sie speichern in div_appuser Variable

document.getElementById('div_appuser').innerHTML=''; 
          div_appuser='<table class="table table-hover table-bordered"><thead><tr><th>#</th><th>Name</th><th>Username</th><th>UserType</th><th>Email</th><th>Allow</th></tr></thead><tbody>'; 
          for(var i=0;i<resultofusers.length;i++) 
          { 
           div_appuser=div_appuser+'<tr>'; 
           var varresult = resultofusers[i]; 
           div_appuser=div_appuser+'<td>'+(i+1)+'</td>';          
           if(varresult.Name!=undefined) 
           { 
            div_appuser=div_appuser+'<td>'+varresult.Name+'</td>'; 
           } 
           if(varresult.Username!=undefined) 
           { 
            div_appuser=div_appuser+'<td>'+varresult.Username+'</td>'; 
           } 
           if(varresult.UserType!=undefined) 
           { 
            div_appuser=div_appuser+'<td>'+varresult.UserType+'</td>'; 
           }          
           if(varresult.Email!=undefined) 
           { 
            div_appuser=div_appuser+'<td>'+varresult.Email+'</td>'; 
           } 
           if(i<resultofactiveusers.length) 
           { 
            for(var k=0;k<resultofactiveusers.length;k++) 
             { 
              //alert(resultofactiveusers[k]); 
              if(resultofactiveusers[k].MBT_SFFB__ApplicationUserName__c==varresult.Id) 
              { 
               if(resultofactiveusers[i].MBT_SFFB__Validated__c==true) 
               { 
                div_appuser=div_appuser+'<td><div class="switch switch-square" data-on-label="<i class=fa fa-check></i>" data-off-label="<i class=fa fa-times></i>"><input type="checkbox" id="user'+varresult.Id+'" checked="" data-toggle="switch" /></div></td>';            
               } 
               else 
               { 
                div_appuser=div_appuser+'<td><div class="switch switch-square" data-on-label="<i class=fa fa-check></i>" data-off-label="<i class=fa fa-times></i>"><input type="checkbox" id="user'+varresult.Id+'" data-toggle="switch" /></div></td>';           
               } 
              } 

             } 
           } 
           else 
           { 
            div_appuser=div_appuser+'<td><div class="switch switch-square" data-on-label="<i class=fa fa-check></i>" data-off-label="<i class=fa fa-times></i>"><input type="checkbox" id="user'+varresult.Id+'" data-toggle="switch" /></div></td>'; 
           } 

           div_appuser=div_appuser+'</tr>'; 
          } 
          document.getElementById('div_appuser').innerHTML=div_appuser+'</tbody></table>'; 

Answer 1

Ich denke, es ist.

Versuchen Sie, varresult.Id in einer Variablen zu speichern, bevor Sie diese Variable zuweisen und beim Anhängen verwenden. Dies wird SyntaxError entfernen: Unerwarteter String. Ich weiß nicht, was ist das Problem mit der Schriftart super, so müssen Sie es nach dem Lösen von Syntaxfehler debuggen.

Answer 2

Sie benötigen bootstrapSwitch(); Funktion aufrufen, nachdem Ihre Schalter dynamisch wie

$('.switch').bootstrapSwitch(); 

oder

$('.switch').bootstrapSwitch('state', !data, true);