> 웹 프론트엔드 > JS 튜토리얼 > 지정된 ID를 가진 jquery 클릭 이벤트가 트리거될 수 없는 이유는 무엇입니까?

지정된 ID를 가진 jquery 클릭 이벤트가 트리거될 수 없는 이유는 무엇입니까?

黄舟
풀어 주다: 2017-06-27 10:18:49
원래의
2406명이 탐색했습니다.

방금 jquery를 사용할 때 이 문제가 발생했는데 클릭이 응답하지 않았습니다.
jquery는 이렇습니다

<script type="text/javascript">
$(document).ready(function(){     
alert("1");
$("#b01").click(function(){
    alert("2");
});
});     
</script>
로그인 후 복사

이것은 버튼<button id="b01" type="button">Change Content</button>

페이지 새로고침을 하면 이 상자가 1번 뜨는데 클릭하세요 버튼 2 상자가 나왔을 뿐만 아니라 아무런 반응도 없었는데, 왜일까요? !

FF 아래의 이 코드 부분에는 문제가 없습니다. <button id="b01" type="button">Change Content</button>
이 부분은 나중에 귀하가 생성한 것으로 추정됩니다. $(문서). 이 부분은 준비되었을 때 로드되지 않았습니다.

테스트해보니 정상입니다

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
 
</head>
 
<body>
<script type="text/javascript">
$(document).ready(function(){     
alert("1");
$("#b01").click(function(){ 
    alert("2");
});
});     
</script>
这个是按钮<button id="b01" type="button">Change Content</button>
</body>
</html>
로그인 후 복사
<button id="b01" type="button">Change Content</button>
로그인 후 복사

본체에 직접 써서 로딩이 안되나요?
로딩이 안되는 문제라면 해결방법은 없을까요?

html로 직접 작성하면 철자 오류나 2# 등의 독립적인 테스트가 실행될 수 있습니다.

문제 없습니다. FF, IE 및 Google에서 사용해 보았습니다. "보내기"를 누르지 않고 내용 변경을 누르셨나요?

include> 부분은 작동하지 않으니 삭제하세요. 왜?

그러면 포함 부분에도 b01이라는 요소 ID가 있을 수 있습니다. 제 기억이 맞다면 ID 선택기는 첫 번째 요소만 반환합니다.

뭔가 갈등이 있는 것 같은데요? $를 jQuery로 바꾸시면 됩니다. 모두 감사합니다

위 내용은 지정된 ID를 가진 jquery 클릭 이벤트가 트리거될 수 없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿