将Chardin插件添加到数据表

Question

我有一些代码看起来像：

$('#button').on('click', function() { $('body').chardinJs('start') });

$(document).ready(function() {
   $('#example').dataTable({
        "sDom": 'f'
      });

} );

（这只是Jsfiddle中的JS / Jquery部分添加了一个整体） http://jsfiddle.net/wAUKV/18/
如您所见，当我单击“提示”图像时，charding插件将启动并显示我的网站部分的一些提示。 当我想向DOM DataTables添加注释时，问题就来了。
我该如何解决这个问题？

Answer 1

好的，问题是初始化.dataTables_wrapper不同的控件注入到.dataTables_wrapper元素中。 要将chardin文本仅添加到搜索框（“搜索” <input>左侧）：

$(".dataTables_filter input")
   .attr("data-intro", "Type here to search in the table")
   .attr("data-position", "left");

http://jsfiddle.net/La4a93vv/

---

“循环”称为lengthmenu：

$(".dataTables_length")
   .attr("data-intro", "Select number of visible rows")
   .attr("data-position", "right");

您的提琴已更新-> http://jsfiddle.net/wAUKV/33/

只需检查注入的标记，看看应该使用哪些元素（=选择器）添加“ chardins”。