在 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），并向选定的按钮添加 class uk-active。所以也许是这样的：

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

在 Javascript 代码中引用 UIkit-Components

Reference UIkit-Components in Javascript code

html

javascript

getuikit