Javascript 表排序器筛选器显示但不工作

Javascript 表排序器筛选器显示但不工作,javascript,jquery,filter,widget,tablesorter,Javascript,Jquery,Filter,Widget,Tablesorter,我陷入了这种情况:我安装了tablesorter,并初始化了过滤器小部件。它显示正确,并且可以对列进行排序,但筛选器不会对任何内容进行排序 有什么想法吗?谢谢 我的标题: <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script>

我陷入了这种情况:我安装了tablesorter,并初始化了过滤器小部件。它显示正确,并且可以对列进行排序,但筛选器不会对任何内容进行排序

有什么想法吗?谢谢

我的标题:

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
    <script type="text/javascript" src="js/jquery.tablesorter.widgets.js"></script>
    <script type="text/javascript" src="js/jquery.tablesorter.pager.js"></script>

不要两次初始化tablesorter。第二次初始化时,将忽略所有选项

将代码更改为:

$(function() {
  $("table").tablesorter({
    widgets: [ "filter"]
  });
});

不要两次初始化tablesorter。第二次初始化时,将忽略所有选项

将代码更改为:

$(function() {
  $("table").tablesorter({
    widgets: [ "filter"]
  });
});
也许给出的答案会有所帮助。将以下内容添加到css文件:

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}
也许给出的答案会有所帮助。将以下内容添加到css文件:

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

谢谢你的帮助!这是很好的第一步。过滤器确实出现了,但它们还没有生效。。。当我键入内容时,即使单击“回车”,也不会发生任何事情…请尝试在浏览器控制台中包含和查看。感谢您的帮助!这是很好的第一步。过滤器确实出现了,但它们还没有生效。。。当我键入内容时,什么也不会发生,即使单击“回车”…尝试在浏览器控制台中包含和查看。我在这方面花了太多时间。。为什么这不是默认行为??无论如何非常感谢你花时间帮助我我花了很多时间在这件事上。。为什么这不是默认行为??无论如何非常感谢你抽出时间来帮忙