2016-03-07 72 views
-1

我有一个引导选择按钮,我想使它很大,但我似乎无法得到正确的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>&nbsp;<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> 
+2

你的代码中添加类的变化工作正常,'button'元素被正确赋予一类'btn-lg':https:// jsfidd le.net/mvcj7n6a/ – BenM

+0

我冒昧给你的问题添加了jQuery,bootstrap和你的jQuery调用。唯一的问题是,这一切似乎工作,就像本米注意到的。除非您的示例缺少一些关键代码,否则我不会看到问题所在。 –

+0

您是否有某种涉及到从DOM删除'bootstrap-select'类的jQuery? –

回答

0

,似乎工作的唯一事情就是通过把一个选择事件

$('.selectpicker').on('loaded.bs.select', function (e) { 
 
     $('.bootstrap-select button').addClass('btn-lg'); 
 
     $('.bootstrap-select').addClass('input-lg'); 
 
    });