javascript - 将 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 数据表添加注释时，问题就出现了。
我该如何解决这个问题？

Answer 1

好的，问题是不同的控件被注入(inject)到.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/

<小时/>

“循环”称为长度菜单:

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

你的 fiddle 已更新 -> http://jsfiddle.net/wAUKV/33/

只需检查注入(inject)的标记即可查看应使用哪些元素(=选择器)来添加“chardins”。