Jquery тумблер дает нулевой на готовом документе

Question

Привет я использую jquery UI toggleswitch toggleswitch.js

как я могу получить значение вкл / выкл готового документа

я использую этот код в документе готов

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

это дает ноль, но когда я использую консоль firebug и запускаю, это дает значение вкл / выкл, запустив этот код ниже.

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

Есть не так много документации этого виджета, кто-нибудь может помочь?

Answer 1

Я думаю, что вы запустили свой код до того, как плагин выполнил свою работу (также начался при готовности), сначала проверьте, если.ui-state-active esxist, если нет, запустите timeout и попробуйте снова

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>