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

现在用户想要过滤产品，我使用post 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();

}