修改 JQuery 过滤器文件答案

【问题标题】：Modifying a JQuery filter file修改 JQuery 过滤器文件
【发布时间】：2011-07-21 11:25:28
【问题描述】：

我已经（视觉上）修改了一个漂亮的 JQuery 表格过滤器插件，它可以让您在键入时过滤文本 - 我相信你们都已经看过它了。

我的工作页面在这里：http://www.studentbytes.co.uk/recipes.php

原文件位于：http://www.picnet.com.au/resources/tablefilter/demo.htm

我遇到的问题是我想删除添加在每列顶部的输入字段，但到目前为止我所有编辑原始代码的尝试都导致了脚本错误。注释掉后，语法错误位于第 174 行（我认为这是唯一实现添加输入的部分）：

{case "text":$filter$$3_header$$2_header$$inline_297_td$$1$$=$goog$dom$createDom$$("input",{type:"text",id:"filter_"+$colIdx$$inline_296$$,"class":"filter",title:$JSCompiler_StaticMethods_getFilterDom$self$$inline_295_element$$inline_303_headerText$$.options.filterToolTipMessage}

我知道这意味着您将不得不在源代码中陷入困境，但有人可以帮帮我吗？

另外，有没有人启动过这种类型的插件并设法实现分页？过滤器插件是否喜欢分页内容？

感谢大家的帮助。我认为这个插件值得提供更多的麻烦而不是停止使用它。我在 net tuts 找到了一个出色的替代方案，但以供将来参考，名为“使用 jQuery 操作和过滤数据”（我还没有发布更多链接的权限）。

【问题讨论】：

您能尝试找出导致您出现问题的代码吗？
嗨，我知道插件添加了带有“过滤器”类的输入，但试图从 Javascript 文件中删除该函数/代码段似乎总是抛出错误 - 我认为有几个文件中指向此函数的链接，但我对 Javascript 调试的有限知识无济于事。
您能否添加您收到的错误消息？
当我在编辑器中删除代码时，它们只是“在线语法错误...”。这特别棘手，因为代码已经编译而没有中断等。
那么添加提供语法错误的行。

标签： php jquery filter

【解决方案1】：

您发布的代码使括号不平衡。你注释掉了：

{
  case "text":
    $filter$$3_header$$2_header$$inline_297_td$$1$$ = 
      $goog$dom$createDom$$("input",{            
        type:    "text",
        id:      "filter_" + $colIdx$$inline_296$$,
        "class": "filter",
        title:   $JSCompiler_StaticMethods_getFilterDom$self$$inline_295_element$$inline_303_headerText$$
           .options.filterToolTipMessage
       }

最后你缺少) }。

【讨论】：

嗨，我添加了额外的括号和大括号，但我仍然收到错误消息。我把它放在 "...filterToolTipMessage}" 之后和 "...); break a;..." 之前
尝试用您注释掉的内容发布一段代码。如果没有看到它，我无法猜测你的代码有什么问题。还有 StackOverflow 专业提示：尝试预先提供有关您的答案的尽可能多的信息，即：错误消息的确切文本及其来自的代码。也不要害怕编辑您的答案以添加更多详细信息。

【解决方案2】：

也许你可以把它放在 javascript 中，而不是在 DOM 加载后执行

$('.filter').hide()

【讨论】：

啊，当然。那你不建议触摸原始文件吗？
我会说，有时阻力最小的路线是最好的 - 但取决于你想从中得到什么。你可以通过从头开始重新编码整个东西来学到很多东西，如果你在加载后使用 jquery 删除 DOM 元素，可能会面临编码势利小人的蔑视。
嗨，隐藏 '.filter' 可以完成这项工作，但由于某种原因，原始代码添加了一个重复的输入字段，并且只添加了第一个。理想情况下，我会重写它并自己学习 Javascript 和 Jquery，但这是一个大学项目，所以时间至关重要！