Question

我可以使用HTML来启动引导切换，但不能使用Javascript API方法。基本上，第一个切换按钮有效，但使用API方法编写的第二个切换按钮只显示为一个复选框。感谢您的帮助，澄清我的代码中缺少的内容：

<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>

<input type="checkbox" data-toggle="toggle" data-on="Enabled" data-off="Disabled">

<input type="checkbox" id="toggle-two">
<script>
  $(function() {
    $('#toggle-two').bootstrapToggle({
      on: 'Enabled',
      off: 'Disabled'
    });
  })
</script>

谢谢！

Answer 1

我想出了答案。我的代码中没有必要使用function（）：

<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet"/>

<input type="checkbox" id="toggle-two">
<script>
    $('#toggle-two').bootstrapToggle({
      on: 'Enabled',
      off: 'Disabled'
    });
</script>

使用javascript启动切换开关

1 个答案: