Checkbox 语义用户界面中的复选框

我试图在语义用户界面中使用复选框，但它不起作用，而且我无法找出我做错了什么。 我包括jquery、semantic.min.js、checkbox.js和semantic.min.css，然后添加以下代码：

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

---

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

是否将其包装在正确的Div标记上

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

我喜欢玩

您必须像这样屏蔽原始复选框

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

订阅电子邮件新闻信函

我解决了这个问题，编写jQuery的代码如下：

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