bootstrap-select需要注意的问题

  • bootstrap-select普通的模糊查询按照如下方式便可,在select标签中增加**class=“selectpicker” data-live-search=“true” **
				
  • 如果是动态添加数据,如下所示。则需要添加 ( " . s e l e c t p i c k e r " ) . s e l e c t p i c k e r ( ′ r e f r e s h ′ ) ; 和 (".selectpicker").selectpicker('refresh');和 (".selectpicker").selectpicker(refresh);(".selectpicker").selectpicker(‘render’);
			$.each(data.tasks, function (index, value) {
                    arr += "";
                });
              
                $("#taskName").append(arr);
                $(".selectpicker").selectpicker('refresh');
                $(".selectpicker").selectpicker('render');
            },
  • 如果整个select框是动态添加的,我们不能沟通过clone的方式进行clone某个含有bootstrap-select的select框(我使用不可以clone),如下方式是不行的
$('#channel_container').append($('#channel_model').children().clone(true));//clone导致bootstrap-select模糊查询失效

我们可以通过append方式进行动态添加,如下所示:

 $('.channel_container').append('
\n' + '
\n' + ' \n' + ' \n' + '
\n' + ' \n' + '
\n' + '
\n' + '
\n' + ' \n' + '
\n' + ' \n' + '
\n' + '
\n' + ' \n' + '
'); $(".selectpicker").selectpicker('refresh'); $(".selectpicker").selectpicker('render');

你可能感兴趣的:(前端)