jQuery 클릭 기능이 작동하지 않는 이유는 무엇입니까?

숨겨진 div를 표시하려고하지만 해당 div를 클릭 할 때 표시되지 않습니다. 선택기를 클릭하면 상태가 계층 구조가 제대로 수행되지 않을 수 있습니까? 여기jQuery 클릭 기능이 작동하지 않는 이유는 무엇입니까?

$("#sub_projectLabel a li").click(function() { 
     $("#h").show("slow"); 
});

html로한다 :

<ul id="sub_projectLabel"> 

       <a href="#"><li style="line-height: 10">Add Sub Project</li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <!--<a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a> 
       <a href="#"><li><h4>Sub Project Title</h4></li></a>--> 

      </ul>

출처

2013-12-17 user3040525

링크에서을 listitem 포장은 유효한 HTML되지 여기 내 코드입니다. 이런 식 수행

<ul id="sub_projectLabel"> 
    <li><a href="#">Sub Project Title</a></li> 
</ul>

을하고이 방법을 선택

존재하지 않는 요소를 보여 주려하는 것 같습니다

$("#sub_projectLabel li").click(function() { 
    //do something 
});

출처

2013-12-17 14:33:37

죄송합니다. 죄송합니다. h를 ID로 사용하여 클릭 기능을 실행하는 html의 다른 비트는 포함하지 않았습니다. 당신의 도움을 주셔서 감사합니다. :) – user3040525

조금 혼란 스러웠습니다. sidenode로서 자바 스크립트로 클릭을 실행하면 -link를 사용하는 이유는 무엇입니까? –

오케이. 그걸 몰랐어. – user3040525

. HTML에 "#h"가 표시되지 않았습니다 ... h4 태그를 타겟팅하고 싶습니까? 그렇다면 다음과 같이해야합니다.

$("#sub_projectLabel a li").click(function() { 
    $("h4").show("slow"); 
});

그러나 목록 항목에도 앵커를 넣을 수 있습니다. ID = "H"로하는 요소가없는 http://jsfiddle.net/ttV7D/

출처

2013-12-17 14:36:42 pschueller

안녕하세요. 아니, h4 태그를 타겟팅하려고하지 않습니다. 조금이라도 읽으면 나는 실수로 html 파일을 남겨 두었다고 말했습니다. 나는 id의 #h를 가진 것을 보여주고 자하는 내용을 감싸는 div를 가지고있다. 그래서 html 내부의 div에 style = "display : none"으로 내용을 숨겼으므로 jQuery는 숨겨진 div의 내용을 표시하기 위해 해당 선택기를 클릭 할 때 div를 활성화해야합니다. html로 올바르게 계층 구조가 잘못되어 제대로 작동하지 않는다고 생각합니다. – user3040525

안녕하세요. 글쎄, 귀하의 클릭 기능에 아무 문제가 없으므로 HTML에 문제가 있어야합니다. 그것을 보지 않고 말할 수없는, 누락 된 코드를 게시 할 수 있습니까? 또는 w3c 유효성 검사 도구 [http://validator.w3.org/](http://validator.w3.org/)를 사용하여 HTML을 테스트 할 수 있습니다. 잘못된 마크 업 (DIV 또는 앵커에 싸여있는 LI와 같은)이 있으면이를 감지해야합니다. – pschueller

감사. 나는 그 문제를 알아 냈다. jquery-1.10.2.min.js 끝에 .js가 누락되었습니다. – user3040525

아마 때문에 다음은 작업 예를

. 따라서 이벤트 리스너는 작동하지만 존재하지 않는 무언가를 보여 주려고합니다.

출처

2013-12-17 14:37:18 alex

jQuery 클릭 기능이 작동하지 않는 이유는 무엇입니까?

답변

관련 문제