getScript関数が動作しません - jquery

Question

私のページにbootstrap-selectを使用しています。

ページが初めてロードされたときbootstrap-selectはうまく動作します。私は自分のページのフッターにこれらのライブラリをロード：私の製品は、私のページにロードされますが、では動作しませbootstrap-select

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{ 

      } 


     }); 
    } 

：

は今

<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のメソッドを使用しますすべて。

私のhtmlコード：私select-optionでは動作しませ呼ば

<select name="product-quantity" class="form-control selectpicker" data-size="5"> 
... 

getScript：

Answer 1

不要ライブラリを再挿入します。一回だけで十分です。
選択ドロップダウンを初期化するスクリプトを実行するだけで済みます。

else { 

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

}