Question

这是我的代码：

<html>
<head>
    <link href="bootstrap.css" rel="stylesheet">
    <link href="bootstrap-switch.css" rel="stylesheet">
    <script src="jquery.js"></script>
    <script src="bootstrap-switch.js"></script>

<script>
    $("[name='my-checkbox']").bootstrapSwitch();
</script>

</head>

所有css / js文件都已正确链接，但我仍然得到一个普通的复选框而不是切换按钮。

plz帮助...... ：d

Answer 1

在加载标记之前，您的脚本似乎正在运行。您应该执行以下操作：

$(function() { $("[name='my-checkbox']").bootstrapSwitch(); });

...或者在结束<script>代码之前放置</body>代码。

Answer 2

我在小提琴中添加了复选框，以便您可以更好地理解

代码：

<div class="input-group">
  <span class="input-group-addon">
      <input type="checkbox" />
</span>

小提琴：

http://jsfiddle.net/CDZt8/

bootstrap中的“on / off”复选框不起作用

2 个答案: