后面的按钮里面的类大
问题描述:
我有一个引导选择按钮,我想使它很大,但我似乎无法得到正确的jquery选择器。我在下面尝试这个,但没有运气。后面的按钮里面的类大
$('.bootstrap-select button').addClass('btn-lg');
下面是HTML
<div class="btn-group bootstrap-select form-control">
<button title="Male" class="btn dropdown-toggle btn-default" type="button" data-toggle="dropdown" data-id="genderId"><span class="filter-option pull-left">Male</span> <span class="caret"></span>
</button>
<div class="dropdown-menu open">
<ul class="dropdown-menu inner" role="menu">
<li class="selected" data-original-index="0"><a tabindex="0" data-tokens="null"><span class="text">Male</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
</li>
<li data-original-index="1"><a tabindex="0" data-tokens="null"><span class="text">Female</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
</li>
</ul>
</div>
</div>
答
,似乎工作的唯一事情就是通过把一个选择事件
$('.selectpicker').on('loaded.bs.select', function (e) {
$('.bootstrap-select button').addClass('btn-lg');
$('.bootstrap-select').addClass('input-lg');
});
你的代码中添加类的变化工作正常,'button'元素被正确赋予一类'btn-lg':https:// jsfidd le.net/mvcj7n6a/ – BenM
我冒昧给你的问题添加了jQuery,bootstrap和你的jQuery调用。唯一的问题是,这一切似乎工作,就像本米注意到的。除非您的示例缺少一些关键代码,否则我不会看到问题所在。 –
您是否有某种涉及到从DOM删除'bootstrap-select'类的jQuery? –