2017-06-04 177 views
0

我在我的頁面中使用了bootstrap-selectgetScript函數不工作 - jquery

第一次當頁面加載我的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不起作用: enter image description here

+0

' '{{網址::到(' /').'/資產/前端/'}} _ JS/jQuery的3.1.1.min.js''是不是有效的字符串 –

+0

,因爲我使用一個框架,它工作正常。結果是:var url_3 ='http:// localhost:8000/assets/frontend/_js/jquery-3.1.1.min.js';' –

回答

1

無需重新插入庫。一次就夠了。
您只需運行初始化選擇下拉的腳本。

else { 

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

}