javascript - 在 Javascript 代码中参考 UIkit-Components

Question

如何在 Javascript 中引用 UIkit 组件？我举了一个小例子来说明我的问题：

这是 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!
}

我还创建了这个作为 plunker：http ://plnkr.co/edit/U4ELL78YSsBbBHiwGnOQ

谢谢你的帮助！

Answer 1

UIkit 似乎只切换按钮（我在文档中看不到任何 api），并将类 uk-active 添加到选定的按钮。所以也许是这样的：

$('#myRadios button').on('click', function() {
     var selectedValue = $(this).text();
     console.log(selectedValue);
});