Javascript &引用；“开/关”；引导中的复选框不工作_Javascript_Html_Twitter Bootstrap

Javascript &引用；“开/关”；引导中的复选框不工作

javascript html twitter-bootstrap

Javascript &引用；“开/关”；引导中的复选框不工作,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,这是我的密码： <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"></

这是我的密码：

<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>


$（“[name='my-checkbox']”）。bootstrapSwitch（）；

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

plz帮助。。。

：D

看起来您的脚本在加载标记之前正在运行。您应该执行以下操作之一：

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

。。。或者将您的

标签放在关闭

标签的正前方。

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

代码：

小提琴：

@user2781186然后检查选择器是否正确。

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