Ссылка 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);
});