Javascript 在HTML中嵌入jquery.tablesorter.widgets.js

我正在尝试将jquery.tablesorter.widgets.js脚本嵌入到一个HTML文件中，这样我就可以有一个HTML文件与其他人共享可排序/可过滤的数据。具体来说，我使用的是过滤小部件

参考：

问题：在我的HTML中嵌入上述代码时，筛选不起作用。脚本似乎正在执行，因为我可以输入文本进行筛选，但实际的筛选没有执行。结果似乎是动态产生的

嵌入jquery和基本表排序器脚本（用于排序）可以根据需要工作

我想实现的目标可能吗

谢谢

编辑：初始化下面的代码

<script>
    $(function(){
  $('table').tablesorter({
 theme:'blue',
    widgets: [ 'zebra', 'resizable', 'stickyHeaders', 'filter' ],
    widgetOptions: {
      resizable: true,
      resizable_widths : [ '15%', '15%', '10px', ],
      resizable_targetLast : false,
      filter_cssFilter   : '',
      filter_childRows   : false,
      filter_hideFilters : false,
      filter_searchDelay : 300,
      filter_startsWith  : false,
      filter_external : '.search',
      filter_columnFilters: true,
      filter_placeholder: { search : 'Filter...' },
      filter_saveFilters : true,
      filter_reset: '.reset',
      }
      });
});
    </script>

$（函数（）{
$（'table'）.tablesorter({
主题:"蓝色",，
小部件：['zebra'，'resizable'，'stickyHeaders'，'filter']，
widgetOptions：{
可调整大小：正确，
可调整大小的_宽度：['15%，'15%，'10px'，]，
可调整大小\u targetLast:false，
筛选器\u cssFilter:“”，
筛选子行：false，
筛选器_hideFilters:false，
过滤器搜索延迟：300，
筛选器_startsWith:false，
筛选器_外部：'.search'，
filter\u columnFilters:true，
筛选器_占位符：{search:'filter…'}，
filter\u saveFilters:true，
筛选器_reset:“.reset”，
}
});
});

jquery.tablesorter.widgets.js文件只包含一些常用的小部件。它不包含tablesorter核心插件，这就是演示不适合您的原因

如果要同时包含这两个文件，请使用“组合”文件：

“组合”文件包括：

• jquery.tablesorter.js

  ：
  • 表分拣机核心
  • 斑马小部件

• jquery.tablesorter.widgets.js

  ：
  • 存储小部件
  • uitheme小部件
  • 列小部件
  • 过滤器小部件
  • stickyHeaders小部件
  • 可调整大小的小部件
  • 存储排序小部件

---

如果不想包含所有这些小部件，可以使用npm、grunt和包含所有设置的json文件创建一个小部件。此版本没有将中的core

jquery.tablesorter.js

文件与自定义小部件文件相结合，因此如果需要，您必须手动将它们结合起来。

非常感谢您的回复！然而，使用“组合”脚本时，我确实遇到了同样的问题。除过滤功能外，所有功能都正常工作。我没有在HTML中引用.js文件，而是将它与jquery核心一起嵌入到标记中，与我的表位于同一页面上，这样就不需要引用其他文件。是否有需要修改的内容，或者脚本的性质是否要求在外部.js文件中执行？外部引用脚本允许过滤器按需要工作。再次感谢！请分享用于初始化tablesorter和应用过滤器小部件的代码。请查看我编辑的问题-我已经包含了初始化代码我能够解决问题-它实际上与css中的错误有关。非常感谢。