javascript - 分离函数时变量不记得自己

Question

作为我上一个问题和这个答案 (https://stackoverflow.com/a/31327605/1582712) 的扩展，我正在尝试调整我的 JavaScript 代码，以便我在其他类中使用相同的双击功能。

我的代码在下面jfiddle

如果您尝试双击 H3 或表格，它们似乎不会返回。我相信原因是因为 $el 变量没有被正确注册和/或记住。

我尝试了一些方法，例如返回 $el 变量并重新使用它。我尝试为 $el[search] 使用一个数组，所以每个都是唯一的。没有工作。我有点难过，我认为这是一个微妙的 JavaScript 内存问题!

仅供引用:如果你运行这个 jfiddle您会看到双击一次又一次地起作用。我希望获得同样的效果，但推广到 DOM 中的任何 html 类/id。

Answer 1

问题是您不仅要隐藏元素，还要从 DOM 中删除它们(JSFiddle 中的第 25 行)。删除它们后，您还调用了 hide(第 17 行)，然后调用了 toggle(第 18 行)，但是要hide 或 toggle 了。您可以通过删除 $rowsToHide.hide();(第 17 行)和 $rowsToHide.remove();(第 25 行)来解决该问题。 See this updated JSFiddle .这将隐藏元素，但不会将它们从 DOM 中移除。