引導選擇沒有顯示在頁面加載

我正在試圖做一個簡單的引導選擇顯示出來。但它沒有出現。引導選擇沒有顯示在頁面加載

當在調試程序看，我看到顯示的是沒有上以下行：

select.bs-select-hidden, select.selectpicker { 
    display: none !important; 
}

點是我從來沒有加入這個類來我的選擇。並希望在調試器樣式窗口中看不到它。這是我想的原因。

下面是簡單的代碼：

<div class="input-group input-group-sm">      
    <select class="selectpicker" id="event-name-ecom"> 
       <option value="addToCart" selected>Add To Cart</option> 
       <option value="checkout">Checkout</option> 
       <option value="removeFromCart">Remove From Cart</option> 
       <option value="review" >Review</option> 
       <option value="payment" >Payment</option> 
       <option value="confirmation" >Confirmation Page</option> 
    </select> 
    <p class="bg-danger" id="event-required-ecom" style="margin-right: 25px; display: none"></p> 
</div>

任何想法？

來源

2016-01-22 Many man

有代碼，https://jsfiddle.net/yz26mrvu/沒有descried問題，連「重要」規則不會引起任何問題。可能會忘記包含'bootstrap-select.js'或'bootstrap-select.css' – Shehary

即使我面臨類似的問題，但無法找到此行爲的原因。初始化引導選擇顯式爲我工作。只要做好(".selectpicker").selectpicker(),你的dom準備就緒後。

來源

2016-07-28 06:09:44 jyothsna

這對於原始海報有用的答案可能太晚了。但如果任何人有這個問題，我能夠通過明確添加.selectpicker('render')我的代碼來解決它：

$(".selectpicker").selectpicker({ 
    "title": "Select Options"   
}).selectpicker("render");

來源

2016-12-07 14:14:26 trubliphone

引導選擇沒有顯示在頁面加載

回答

相關問題