我正在使用Bootstrap和Jquery。
切换后如何更改非活动类别
在下面找到我的代码:
网页代码
<div class="btn-group btn-toggle">
<button class="btn btn-default">Active</button>
<button class="btn btn-danger active">Inacive</button>
脚本
$(document).ready(function(){
$('.btn-toggle').click(function() {
$(this).find('.btn').toggleClass('active');
if ($(this).find('.btn-danger').size()>0) {
$(this).find('.btn').toggleClass('btn-success');
$(this).find('.btn').addClass('btn-default');
}
else if ($(this).find('.btn-success').size()>0) {
$(this).find('.btn').toggleClass('btn-danger');
}
addClass() 似乎不起作用。
我知道
您正在尝试禁用和启用某些操作的按钮。这是我如何得到它:
这是我表单上的按钮:
<button type="submit" class="btn btn-primary">Compute</button>
当您单击按钮时添加此行,就我而言,一旦提交表单,我将禁用该按钮:
$('button', form).addClass('disabled').text("Computing...");
完成后启用:
$('button', form).removeClass('disabled').text("Compute");
希望这有帮助!