jquery가 디버거의 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 중 하나가 열려 있으면 다른 하나가 열리지 않습니다.

편집 : 나는 빨리 방화범의 다른 ID로 마지막 H1을 변경 한 다음에 .. 나를 위해 잘 작동 그래서 지난 2 H1 중 하나의 ID를 변경하고 그것은 잘 작동합니다.

Answer 2

마지막 두 항목 모두 id="dbquery"입니다. 그것은 확실히 문제를 일으킬 것입니다. 마지막 ID를 변경하십시오.

복제본은 마지막 두 개 중 하나가 열려있을 때 뷰어가 이미 열려있어 아무 것도 수행하지 않는다고 코드가 생각하기 때문에 다른 두 개를 클릭 할 수 없음을 의미합니다. 마지막 하나를 id="dblog" 또는 그와 비슷한 것으로 지정하면 작업이 시작됩니다.

는 참고 :

$(this).attr("id")은 (이 함수 호출의 JQuery와 객체의 생성과 여러 내부 조회) 매우 비효율적 인 경우 this.id 작품을 잘 (직선 속성 참조). 사람들은이 경우가 아니라 실제로 입력하거나 실행하는 것이 더 효율적일 때만 jQuery를 사용해야합니다. 그것에 대해 죄송합니다)

Answer 3

그것은 문제처럼의이 같은 ID를