getScript函数不工作 - jquery

问题描述：

我在我的页面中使用了bootstrap-select。getScript函数不工作 - 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不起作用：

' '{{网址::到（' /').'/资产/前端/'}} _ JS/jQuery的3.1.1.min.js''是不是有效的字符串 –

，因为我使用一个框架，它工作正常。结果是：var url_3 ='http：// localhost：8000/assets/frontend/_js/jquery-3.1.1.min.js';' –

答

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

else { 

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

}

getScript函数不工作 - jquery

相关推荐