>  기사  >  웹 프론트엔드  >  새로 삽입된 노드에 Click 이벤트를 바인딩하는 Jquery 실패에 대한 해결 방법

새로 삽입된 노드에 Click 이벤트를 바인딩하는 Jquery 실패에 대한 해결 방법

韦小宝
韦小宝원래의
2017-11-29 10:48:401772검색

새로 삽입된 노드에 Click 이벤트를 바인딩하는 Jquery 실패에 대한 솔루션을 살펴보고 jQuerybind 클릭 실패 문제를 해결하는 방법을 알아보고 이해를 강화해 봅시다. jQuery!

1. 어떤 사람들은 Live를 사용한다고 합니다. 실제로 최신 Jquery는 더 이상 Live를 지원하지 않습니다. 살 수 있는 해결책은 다음과 같습니다.

보셔도 되고 안 보셔도 됩니다. 주의하세요. 다음은 ON 방법에 대해 설명합니다.

live: Live 사용 소개

2. 일부 사람들은 문제를 해결하기 위해 ON을 사용했습니다.

온: 온의 소개가 문제를 해결할 수 있습니다.

온의 방법은 기본적으로 문제를 해결할 수 있지만, 구체적인 상황에 따라 선택해야 합니다. 모든 사람의 코드가 위의 경우만큼 간단하지는 않습니다. 하지만 그 뿌리는 결코 변하지 않습니다.

이것이 제가 한 일이고 마침내 문제를 해결했습니다.

나에게는 정적인 UL 태그가 있습니다. 이는 나중에 동적으로 추가되지 않음을 의미합니다.

그런 다음

"25edfb22a4f469ecb59f1190150159c6e689c7a8aee9d1d2cbf52f807582ec41Link5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb"와 같은 항목을 동적으로 추가했습니다.

저는 아래와 같은 방법으로 선택했습니다.

$("#subul").on('click','li>a', function (e) {
  //取消冒泡
  //var e = e || window.event;
  // e.stopPropagation();
  alert("asssss");
  var areaid = this.attributes.getNamedItem("id").nodeValue;
  alert(areaid);
  $("#subul>li>a").removeClass("smallBtSelected");
  $("#" + areaid).addClass("smallBtSelected");
})

위는 새로 삽입된 노드에 Click 이벤트 바인딩 실패에 대한 Jquery 솔루션의 모든 내용입니다. 자세한 내용은 PHP 중국어 웹사이트search를 참조하세요.

관련 권장 사항:

jQuery의 가장 가까운 상위 노드를 찾는 방법

jQuery의 브라우저 유형 및 버전 번호를 가져오는 방법

효율적인 웹 개발을 위한 10가지 jQuery 코드 조각

위 내용은 새로 삽입된 노드에 Click 이벤트를 바인딩하는 Jquery 실패에 대한 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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