引导选择没有显示在页面加载

问题描述：

我正在试图做一个简单的引导选择显示出来。但它没有出现。引导选择没有显示在页面加载

当在调试程序看，我看到显示的是没有上以下行：

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>

任何想法？

有代码，https://jsfiddle.net/yz26mrvu/没有descried问题，连“重要”规则不会引起任何问题。可能会忘记包含'bootstrap-select.js'或'bootstrap-select.css' – Shehary

答

即使我面临类似的问题，但无法找到此行为的原因。初始化引导选择显式为我工作。只要做好(".selectpicker").selectpicker(),你的dom准备就绪后。

答

这对于原始海报有用的答案可能太晚了。但如果任何人有这个问题，我能够通过明确添加.selectpicker('render')我的代码来解决它：

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

引导选择没有显示在页面加载

相关推荐