语义ui复选框奇怪的行为

Question

我尝试使用语义Ui复选框，但它的行为很奇怪。您必须单击复选框外的某个位置，才能使其背景颜色改变而不受状态的影响

[https://jsfiddle.net/6393n6e9/][1]

在相同的浏览器中，它在语义Ui网站上工作正常

[http://semantic-ui.com/modules/checkbox.html#/definition][2]

我遗漏了什么？

Answer 1

我没有将语义包包含在小提琴中，但在您的开发环境中，您必须像这样初始化复选框：

// this will affect all elements that have the classes ui & checkbox
$('.ui.checkbox').checkbox();

或

// this will only affect the one you need, if it has any id specified
$('#myCheckbox').checkbox();

还要确保语义-ui文件被正确加载，并检查拼写错误(这让我上次大笑)