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();

}

getScript函数不工作 - jquery

1 个答案: