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

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

黄舟
黄舟원래의
2017-06-27 10:18:492410검색

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

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

이것은 버튼6fb7865d740640142e12b72a0cb779f2Change Content65281c5ac262bf6d81768915a4a77ac0

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

FF 아래의 이 코드 부분에는 문제가 없습니다. 6fb7865d740640142e12b72a0cb779f2Change Content65281c5ac262bf6d81768915a4a77ac0
이 부분은 나중에 귀하가 생성한 것으로 추정됩니다. $(문서). 이 부분은 준비되었을 때 로드되지 않았습니다.

테스트해보니 정상입니다

<!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에서 사용해 보았습니다. "보내기"를 누르지 않고 내용 변경을 누르셨나요?

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

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

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.