datatables：长度过滤器丢失前置自定义过滤器值

Question

here is my example

重新创建：

1. 在firebug或chrome中打开您的网络面板以查看请求

2. 更改自定义过滤器#fundraiser_id，请注意标题form_data显示您所做的新选择（i_fundraiser）

3. 将长度过滤器更改为任何新值

通过查看标题form_data，您现在将看到该参数已返回其默认值

罪犯似乎是 .prependTo（＆＃34;＃example_length＆＃34）

通过评论，它工作正常

我不确定这里发生了什么，我试图通过drawCallback方法将前置添加到表中，但存在同样的问题

"drawCallback": function( settings ) {
  $("#fr_dd")
      .prependTo("#example_length")
      .removeClass('hide');
},

有什么想法吗？

Answer 1

我认为问题在于您尝试使用prependTo修改DataTables操作的区域。

最好使用dom选项创建一个包含my-filter类的单独div。

dom: "<'row'<'col-md-6 '<'my-filter'>l><'col-md-6 pull-right'>r>t<'row'<'col-md-6'i><'col-md-6'p>>",`

然后按照以下方式使用<div class="my-filter"></div>：

$("#fr_dd")
   .prependTo(".my-filter")
   .removeClass('hide');

请参阅this corrected example进行演示。