2016-03-07 74 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'); 
 
    });