Bootstrap Switch Check State funktioniert nicht

Question

So arbeite ich auf meiner Benutzergruppe Seite auf meinem CMS, und ich habe einen Schalter hinzugefügt, um festzustellen, ob die Gruppe Zugriff auf den Admin-Bereich hat oder nicht. Wenn dies der Fall ist (und der Benutzer den Schalter überprüft), wird ein div der Berechtigungen angezeigt. Dafür habe ich Bootstrap's Bootstrap Switch Plugin verwendet.

Hier ist der Code:.

$(document).ready(function() { 
      $('input#isAdmin').bootstrapSwitch(); 
      $('#permissions_multi_select').multiSelect(); 
      $('#permissions_div').hide(); 

      $('input#isAdmin').on('switchChange.bootstrapSwitch', function() { 
       if ($('input#isAdmin').state) 
        $('#permissions_div').show(); 
       else 
        $('#permissions_div').hide(); 
      }); 
     }); 

Wenn ich die Show() oder ausblenden() Methoden mit einer Warnung von $ ('input # isAdmin') Zustand oder .attr ('checked' ändern) oder .checked, ich bekomme 'undefined'.

Irgendwelche Ideen?

Answer 1

ersetzen $('input#isAdmin').state mit $('input#isAdmin').bootstrapSwitch('state') im Zustand

$('input#isAdmin').bootstrapSwitch(); 
$('#permissions_multi_select').multiSelect(); 
$('#permissions_div').hide(); 

$('input#isAdmin').on('switchChange.bootstrapSwitch', function() { 
    if ($('input#isAdmin').bootstrapSwitch('state')) 
     $('#permissions_div').show(); 
    else 
     $('#permissions_div').hide(); 
}); 

Geige Arbeiten: http://jsfiddle.net/o2y5mhpr/1/