ブートストラップスイッチで動作しない条件がある場合

Question

私はブートストラップスイッチを使用しています。 しかし、スイッチで条件が機能していない場合。

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); 

私はSTATE1の変更された値を得ました。 trueとfalseを返します。

しかし、私がif(state1 === "true")またはif(state1 == "true")をチェックしている場合、それは機能しません。それは常に他の条件に入ります。

Answer 1

documentationによると、stateはブール値です。したがって、問題は文字列と比較しようとしたために発生します。

この代わりに、あなたのifの文変更：あなたはtoggle()方法に、直接イベントハンドラに渡されるブールstate値を、与えることによって、コードをさらに簡潔にすることができ、実際には

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

を、このような：それは `state`がブール値である可能性が高いですので、使用

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