Home > DeveloperSection > Forums > How to Jquery toggle switch gives null on document ready
john rob

Total Post:108

Points:756
Posted on    February-01-2015 10:19 PM

 JavaScript JQuery  Jquery UI 
Ratings:


 1 Reply(s)
 433  View(s)
Rate this:

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?

 



Pravesh Singh

Total Post:411

Points:2881
Posted on    February-01-2015 10:41 PM

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>

 


Don't want to miss updates? Please click the below button!

Follow MindStick