Ссылка UIkit-Компоненты в коде Javascript

Как я могу ссылаться на компонент UIkit в Javascript? Я сделал небольшой пример моей проблемы:

Это HTML:

    <div class="uk-panel">
      <div id="myRadios" data-uk-button-radio>
        <button class="uk-button">Option1</button>
        <button class="uk-button">Option2</button>
        <button class="uk-button">Option3</button>
      </div>
    </div>
    <br/>
    <button class="uk-button" onclick="check()">Check Selection</button>

И вот часть Javascript:

function check() {
  var selected = $('#myRadios').getSelected();
  var selected2 = $('#myRadios').uk('buttonRadio').getSelected();
  // getSelected() is not defined in both!
}

Я также создал это как плункер: http://plnkr.co/edit/U4ELL78YSsBbBHiwGnOQ

Спасибо за вашу помощь!

1 ответ

Решение

UIkit, кажется, только переключает кнопки (я не вижу API внутри документов) и добавляет класс uk-active к выбранным кнопкам. Так что может быть что-то вроде этого:

$('#myRadios button').on('click', function() {
     var selectedValue = $(this).text();
     console.log(selectedValue);
});
Другие вопросы по тегам