自举开关不切换
自举开关不切换
提问于 2014-07-30 20:19:16
我试图做一个引导开关，默认设置为关闭，但当我点击它不改变？
我抓起了这个网站的代码，它运行的很好：http://www.bootply.com/92189，也许我漏掉了什么？我真的不确定。
编辑:为什么它不与脚本标记中的javascript一起工作，而是在JSFiddles javascript容器中工作？http://prntscr.com/47xuqk http://prntscr.com/47xuy6
谢谢
JSFiddle 这里
Javascript：
$('.btn-toggle').click(function() {
$(this).find('.btn').toggleClass('active');
if ($(this).find('.btn-primary').size()>0) {
$(this).find('.btn').toggleClass('btn-primary');
}
if ($(this).find('.btn-danger').size()>0) {
$(this).find('.btn').toggleClass('btn-danger');
}
if ($(this).find('.btn-success').size()>0) {
$(this).find('.btn').toggleClass('btn-success');
}
if ($(this).find('.btn-info').size()>0) {
$(this).find('.btn').toggleClass('btn-info');
}
$(this).find('.btn').toggleClass('btn-default');
});
$('form').submit(function(){
alert($(this["options"]).val());
return false;
});HTML：
<h4>Tiny</h4>
<div class="btn-group btn-toggle">
<button class="btn btn-xs btn-default">ON</button>
<button class="btn btn-xs btn-primary active">OFF</button>
</div>回答 1
Stack Overflow用户
发布于 2014-07-30 20:25:25
您还没有包括jQuery，它是某些引导元素所必需的依赖项。您还将引用默认的全局jQuery变量($)。
添加jQuery框架，您应该会做得很好：
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25046163
复制相关文章
相似问题
腾讯云开发者
