GetScript-Funktion funktioniert nicht - Jquery

Question

Ich verwende bootstrap-select in meiner Seite.

zum ersten Mal, wenn die Seite geladen meine bootstrap-select funktioniert gut. Ich lud diese Bibliotheken in der Fußzeile meiner Seite:

<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> 

jetzt wollen Benutzer Produkte filtern und ich Post Ajax-Methode:

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{ 

      } 


     }); 
    } 

meine Produkte in meiner Seite geladen wird, aber bootstrap-select nicht arbeiten an alle.

mein HTML-Code:

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

getScript genannt, aber nicht auf meinem select-option arbeiten:

Answer 1

Keine Notwendigkeit, die Bibliotheken wieder einsetzen. Einmal reicht.
Sie müssen nur das Skript ausführen, das das Auswahl-Dropdown-Feld initialisiert.

else { 

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

}