jquery不会在我的调试器中附加click到所有h1标签

Question

我为我开发的网站制作了一个调试器，我只是简单地包含在页面底部。现在因为我把它包含在标签之后，它可能会导致我知道的一些问题，但到目前为止我还没有看到任何问题，但是：

http://www.abitnerdy.se/tmp/debuggertest

单击以打开调试器，然后单击例如dbquery部件。我注意到它有时不会打开，有时它会打开。完全像应用程序日志。不太明白为什么会这样做。 我附上了一个警告，看看将要显示什么div，然后我得出结论是点击没有附加。

问题不知何故似乎只发生在最后2个div。

任何人都知道在哪里看？

顺便说一句，如果您认为它对您自己的项目有用，请随意使用该代码。

Answer 1

似乎最后2个h1（<h1 id="dbquery" class="debug">）具有相同的ID属性，在你的点击功能中你有类似if(current != $(this).attr("id"))的东西所以如果最后2个h1中的一个打开它将不会允许另一个一开。

编辑：我很快将最后一个h1更改为Firebug中的另一个ID，然后它对我来说运行正常。所以更改最后2个h1之一的ID，它应该可以正常工作。< / p>

Answer 2

您的最后两项都有id="dbquery"。这肯定会引起问题。更改上一个的ID。

重复意味着当最后两个中的任何一个打开时，您无法点击另一个，因为您的代码认为查看者正在点击已经打开的那个，因此什么都不做。如果您将最后一个提供给id="dblog"或类似的东西，它应该开始工作。

供参考：

当$(this).attr("id")工作正常（直接属性引用）时，

this.id效率很低（两个函数调用，创建jQuery对象和几个内部查找）。人们应该只在实际上更有效地键入或执行时使用jQuery，而不是在这种情况下。

Answer 3

看起来问题是由于最后两个h1具有相同的id