Bootstrap开关不起作用

时间:2017-01-22 19:32:53

标签: javascript jquery css twitter-bootstrap

我开始使用Bootstrap开关。

我使用了来自http://www.jque.re/plugins/version3/bootstrap.switch/

的演示

问题是开关没有显示。它只显示一个标准复选框。

<div class="make-switch" data-on="primary" data-off="info">
        <input type="checkbox" checked>
</div>

我也包括了css和js的工作人员。

的jsfiddle: http://jsfiddle.net/crtLwdg4/

我在这里缺少什么?

1 个答案:

答案 0 :(得分:1)

我刚刚将其添加到fiddle,看起来外观已经改变了。

$(function() {
    $('.make-switch').bootstrapSwitch();
});

您似乎需要手动初始化交换机。我只看了一下文档,但这实际上改变了复选框的外观。

更新

我能够通过向输入添加name属性并相应地更改jquery来使其工作。见updated fiddle