我正在使用BootStrap Group Button类,发现在我自己的代码中,如果按下按钮,按钮会在几秒钟内弹回….
如何确保它保持按下状态？
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Stage of business:</label>
<br />
<div class="btn-group">
<button class="btn btn-default"><span class="glyphicon">Start-up</span>
</button>
<button class="btn btn-default"><span class="glyphicon">Growth Company</span>
</button>
<button class="btn btn-default"><span class="glyphicon">Mature Company</span>
</button>
</div>
</div>
</div>
谢谢.
更新
我添加了活跃的CSS和
我发现当我单击按钮时整个页面都会刷新,这就是按钮失去活动css类的原因.
如何仅对这3个按钮禁用提交操作？因为我有一个按钮,也是这种形式,它需要触发提交动作.
$('.btn-stage').click(function () {
$(this).toggleClass("active"); //addCss("active");
})
更新3
此外,在此按钮组中,只能选择一个按钮,如果选择了其他按钮,则其余按钮应该反弹.
谢谢.
解决方法
向按钮添加活动类应该保持“按下”样式.
$('.btn').click(function(e) {
e.preventDefault();
$(this).addClass('active');
})
希望有所帮助.
