语义UI中的复选框

Question

我正在尝试在语义用户界面中执行复选框，但它不起作用，我无法弄清楚我做错了什么。 我包括jquery，semantic.min.js，checkbox.js和semantic.min.css，然后我添加了这段代码：

$('.ui.checkbox')
    .checkbox()
;

有控制台输出，但复选框的图像不会改变。

Answer 1

我已经解决了这个问题，就像这样编写jQuery的代码：

$(document).ready(
        function () {
            $('.ui.checkbox')
                    .checkbox()
                    ;
        });

Answer 2

你把它包装在适当的Div标签上吗？

<div class="ui checkbox">
  <input type="checkbox" name="fun">
  <label>I enjoy having fun</label>
</div>

Answer 3

你必须像这样掩饰原始复选框

<div class="ui checkbox">
  <input name="subscribe" type="checkbox">
  <label>Subscribe to Email News letters</label>
</div>