getScript函数不工作 - jquery

Question

我在我的页面中使用了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> 

现在用户想要过滤的产品和我使用后的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不起作用：

Answer 1

无需重新插入库。一次就够了。
您只需运行初始化选择下拉的脚本。

else { 

    $('.product-list').html(data); 
    location.hash = page; 
    $('.selectpicker').selectpicker(); 

}