将css class更改为bootstrap-selectpicker for datatables select在下面的代码.css()中不适用于我

Question

在我的代码中，我希望将数据表选择标记的样式更改为引导选择器类，尝试使用.css()；但无法做到这一点

$(文档)函数(.ready(){

$('#dTable').DataTable( {
    initComplete: function () {
        this.api().columns(1).every( function () {
            var column = this;
            var select = $('<select><option value=""></option></select>')
                .addClass("selectpicker");
                .appendTo( $(column.footer()) )
                .on( 'change', function () {
                    var val = $.fn.dataTable.util.escapeRegex(
                        $(this).val()
                    );

                    column
                        .search( val ? '^'+val+'$' : '', true, false )
                        .draw();

                } );

            column.data().unique().sort().each( function ( d, j ) {
                select.append( '<option value="'+d+'">'+d+'</option>' )

                } );

        } );

    }
} );

} )；

Answer 1

它不能工作，因为.select-选择器没有初始化。在重新绘制datatable之后，尝试初始化.select-选择器。