jquery가 적용되지 않는 문제를 해결하는 방법

jquery가 작동하지 않는 경우 해결 방법: 먼저 해당 코드 파일을 연 다음 올바른 방법 "$('body').on('click', '#test .evt', function() {alert($ (this).text())});" 그냥 on을 사용하세요.

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.0 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

권장 사항: "jquery tutorial"

jquery의 on() 바인딩 방법이 잘못되었습니다.

페이지가 로드될 때 on 앞에 있는 요소도 DOM에 존재해야 합니다. 동적 요소나 스타일은 on의 두 번째 매개변수에 배치할 수 있습니다. jQuery on() 메소드는 이벤트 바인딩을 위해 공식적으로 권장되는 메소드입니다. on() 메서드를 사용하여 지정된 이벤트를 추가 등 미래에 동적으로 생성되는 동적 요소에 바인딩합니다.

<div id="test">
<div class="evt">evt1</div>
</div>

다음 방법은 클릭 이벤트를 evt 클래스가 있는 첫 번째 div에만 바인딩합니다. 추가를 사용하여 동적으로 생성된 div는 바인딩되지 않습니다.

<script>
// 先绑定事件再添加div
$(&#39;#test .evt&#39;).on(&#39;click&#39;, function() {alert($(this).text())});
$(&#39;#test&#39;).append(&#39;<div class="evt">evt2</div>&#39;);
</script>

checkbox 라디오 설정 < ;input name="ck" type="checkbox">는 동적으로 추가됩니다. 이렇게 할 수 있습니다

<script>
$(&#39;body&#39;).on(&#39;click&#39;, &#39;#test .evt&#39;, function() {alert($(this).text())});
$(&#39;#test&#39;).append(&#39;<div class="evt">evt2</div>&#39;);
</script>

참고: $(selector).on(event,childSelector,data,function,map)

위 내용은 jquery가 적용되지 않는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!