gpt4 book ai didi

javascript - 如何在我们的 javascript 中触发 Bootstrap

转载 作者:行者123 更新时间:2023-11-29 18:12:54 24 4
gpt4 key购买 nike

http://getbootstrap.com/javascript/#buttons

他们在这里演示了在 bootsrtap 中切换单选按钮的演示。

我正在尝试在我的代码中使用它...但是主动不切换问题是什么...

我的cdns

在此输入验证码

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js">    </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

我的脚本

$(document).ready(function() {
$('.btn').button('toggle')
});

我的代码

<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="option" value="a" checked> Option 1 (preselected)
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="options" value="b"> Option 2
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="optionsa" value="c"> Option 3
</label>
</div>

最佳答案

您的 JavaScript 包含的顺序错误。

Bootstrap 依赖于 jQuery。确保先定义它。

示例:http://jsbin.com/citizeqecupi/1/edit

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"> </script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<script>
$(document).ready(function() {
$('.btn').button()
});

</script>

</head>
<body>

<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="options" id="option" value="a" checked> Option 1 (preselected)
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="options" value="b"> Option 2
</label>
<label class="btn btn-primary">
<input type="radio" name="options" id="optionsa" value="c"> Option 3
</label>
</div>

</body>
</html>

关于javascript - 如何在我们的 javascript 中触发 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25719334/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com