【发布时间】:2016-01-17 16:47:37
【问题描述】:
我很难让 Mottie Tablesorter 插件在我的 HTML 页面上正常工作。
我正在为某人设计网站的前端,我需要此插件提供的高级过滤器: http://mottie.github.io/tablesorter/docs/example-widget-filter-formatter-1.html#demo
我已经下载了 .zip 格式的文件,将它们解压缩并放入我的项目中,并确保所有链接都能正常工作并且页面可以读取它们。
我已将演示中的内容与跨所有列(在代码引号中)的多种类型的过滤器一起复制/粘贴到我的 HTML 页面中。
但是,表头内的第二个表头行没有出现。
我不知道我做错了什么。
这是页面上呈现的内容的屏幕截图 + Safari 网络检查器中的违规代码:http://puu.sh/dqzNX.png
如您所见,第二个表格标题看起来像是在尝试显示,但它是空的?
它似乎会生成一个按文本搜索的搜索,但设置为隐藏(我不知道为什么)
它还生成正确数量的 TH,但所有(除了第一个)都是空的!!
我已经为此撞墙了 4 天了,但完全不知道!
其他人可以让这个演示正常工作吗?
非常感谢您花时间阅读所有这些内容!
【问题讨论】:
-
所以我查看了 Safari 在网络检查器中给我的错误,似乎插件的一部分抛出了一个错误:puu.sh/dqO4c.png 但是,我不知道为什么正在抛出那个错误,我有一种感觉,因为这个错误,JS 会一起停止。 (就像错误经常发生的那样!)如果有人能解释为什么会抛出这个错误,那将是一个很大的帮助!
-
你在加载 jQuery UI 吗?如果您可以provide a demo 显示问题,将会更容易提供帮助。
-
@Mottie 感谢您的回复,我已经在 JSFiddle 中复制了这个问题:jsfiddle.net/abkNM/4767 谢谢!
-
我所做的只是add jQuery UI + CSS - 确保重置搜索,因为该演示可能保存了一些不起作用的过滤器。
-
看起来我一定没有将 jQuery UI 正确地拉入我的项目,因为当我从头开始时,它现在看起来一切正常! -- 我的错,谢谢你的帮助,很棒的表格过滤!
标签: javascript jquery html tablesorter