【问题标题】:Mottie jQuery Tablesorter filters not loading on the pageMottie jQuery Tablesorter 过滤器未在页面上加载
【发布时间】: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 感谢您的回复,我已经在 J​​SFiddle 中复制了这个问题:jsfiddle.net/abkNM/4767 谢谢!
  • 我所做的只是add jQuery UI + CSS - 确保重置搜索,因为该演示可能保存了一些不起作用的过滤器。
  • 看起来我一定没有将 jQuery UI 正确地拉入我的项目,因为当我从头开始时,它现在看起来一切正常! -- 我的错,谢谢你的帮助,很棒的表格过滤!

标签: javascript jquery html tablesorter


【解决方案1】:

看起来我一定没有正确地将 jQuery UI 拉入我的项目,因为当我从头开始时,它现在看起来一切正常! -- 我的错,不过感谢您的帮助,很棒的表格过滤!

在我的匆忙中,我似乎也将 css CDN 放入脚本 src 标记中,导致一些样式错误,其中日期选择器在被选中之前位于表格下方并且具有透明背景。这让我困惑了 20 分钟,直到我意识到自己的错误!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-22
    • 2016-06-10
    • 1970-01-01
    • 2011-03-10
    相关资源
    最近更新 更多