Jquery toggle switch gives null on document ready

Question

Hi Im using jquery ui toggleswitch toggleswitch.js

how can i get on /off value on document ready

i'm using this code on document ready

   $(document).ready(function () {
     alert($('.ui-state-active').html());
   }

it gives null but when i use firebug console and run it gives value of on/off by running this code below.

$('.ui-state-active').html()

there is not much documentation of this widget can anybody help?

Answer 1

i think you run your code before plugin did it's job (also started at ready), first check if .ui-state-active esxist, if not run timeout and try again

function checkState() {
  if ($('.ui-state-active').lenght) {
    alert($('.ui-state-active').html());
  } else {
    setTimeout(function() {
      checkState()
    }, 500);

  }
}

$(document).ready(function() {

      checkState();
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>