我在页面中使用bootstrap-select。
第一次在页面加载时，我的bootstrap-select工作正常。我将这些库加载到页面的页脚：
<script type="text/javascript" src="{{URL::to('/').'/assets/frontend/'}}_js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="{{URL::to('/').'/assets/frontend/'}}_js/bootstrap.min.js"></script>
<script type="text/javascript" src="{{URL::to('/').'/assets/frontend/'}}_js/bootstrap-select.min.js"></script>
现在用户想要过滤产品，我使用post ajax方法：
function getPosts(page,brands,min_price,max_price) {
$.ajax({
async: true,
url: '?page=' + page+'&brands=' + brands + '&min_price=' + min_price + '&max_price=' + max_price ,
}).done(function(data) {
if(data == 'empty')
{
}else{
$('.product-list').html(data);
location.hash = page;
var url_1 = '{{URL::to('/').'/assets/frontend/'}}_js/jquery-3.1.1.min.js';
var url_2 = '{{URL::to('/').'/assets/frontend/'}}_js/bootstrap.min.js';
var url_3 = '{{URL::to('/').'/assets/frontend/'}}_js/bootstrap-select.min.js';
$.getScript(url_1);
$.getScript(url_2);
$.getScript(url_3);
}
}).fail(function() {
if(brands != null)
{
getPosts(1,null,0,0);
}else{
}
});
}
我的产品将加载到我的页面中，但
bootstrap-select完全不起作用。我的html代码：
<select name="product-quantity" class="form-control selectpicker" data-size="5">
...
getScript呼叫但在我的select-option上不起作用：最佳答案
无需重新插入库。一次就够了。
您只需要运行用于初始化选择下拉菜单的脚本即可。
else {
$('.product-list').html(data);
location.hash = page;
$('.selectpicker').selectpicker();
}