jqueryが添付されていないデバッガのh1タグをすべてクリックします

Question

開発したWebサイト用のデバッガを作成しました。デバッガを開くために

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の1つが開いていると、もう1つは開くことができません。

編集：私はすぐにFirebugのに異なるIDに最後H1を変更し、それは私のためにうまく働いた...だから、最後の2つのH1の1のIDを変更し、それが正常に動作する必要があります。

Answer 2

最後の2つの項目は両方ともid="dbquery"です。それは間違いなく問題を引き起こすでしょう。あなたの最後のIDを変更してください。

複製があるということは、最後の2つのいずれかが開いているときに、すでに開いているものをクリックして何もしないとコードが考えているため、もう一方をクリックできないことを意味します。あなたが最後のものをid="dblog"かそのようなものに与えるなら、それは働き始めるはずです。

はFYI：

$(this).attr("id")は（2つの関数呼び出し、jQueryオブジェクトの作成といくつかの内部のルックアップ）は非常に非効率的であるときthis.id作品だけで罰金（ストレートプロパティ参照）。この場合ではなく、実際に入力または実行する方が効率的である場合に限り、jQueryを使用してください。

Answer 3

それは問題のように見えるのと同じID