Wenn Bedingung nicht in Bootstrap-Schalter

Question

Ich benutze Bootstrap-Schalter. Aber wenn Bedingung in Schalter nicht funktioniert.

setTimeout(function(){ 
      $('#oconnect').on('switchChange.bootstrapSwitch', function (event, state) { 
        var state1 = $('#oconnect').bootstrapSwitch('state'); 
        alert(state1); 
        if(state1 === "true") 
        { 
         alert(1); 
         $('.user_spec_div').css('display','block');  
        } 
        else 
        { 
         alert(2); 
         $('.user_spec_div').css('display','none');  
        } 
      }); 
     }, 500); 

bekam ich den geänderten Wert von state1. Es gibt true und false zurück.

Aber wenn ich durch if(state1 === "true") oder if(state1 == "true") überprüfe, funktioniert es nicht. Es geht immer in einen anderen Zustand.

Answer 1

Gemäß der documentation ist state ein boolescher Wert. Das Problem wird daher von Ihren Versuchen verursacht, es mit einer Zeichenfolge zu vergleichen.

Statt Ihre if Anweisung dies ändern:

if (state1) { 
    // your code here... 
} 

In der Tat können Sie den Code noch prägnanter machen, indem Sie den boolean state Wert zu geben, die direkt an den Ereignishandler übergeben wird, auf die toggle() Verfahren, wie folgt aus:

setTimeout(function(){ 
    $('#oconnect').on('switchChange.bootstrapSwitch', function(e, state) { 
    $('.user_spec_div').toggle(state); 
    }); 
}, 500);