최근에 친구가 프로젝트를 진행할 때 Weibo 컨텐츠를 동적으로로드 한 다음 "댓글 확장"을 클릭하여 Weibo에 대한 모든 의견을 얻었습니다. 동적으로로드 된 <span mid = '123456789'class = 'get_comment'> 주석을로드하려면 클릭하십시오 </span>은 여기에서 사용됩니다.
그런 다음 다시 씁니다
$ ( ". get_comment) .click (function () {// 응답 이벤트 논리})클릭 이벤트가 트리거되지 않으며 콘솔을 사용하여 듣는 데 오류가 없습니다. 내가 알아낼 수 없을 때
또한 Sohu Home Furnishing Mall에서화물 관리를 할 때도 그 일을했기 때문에 동적 하중에 중점을 두었습니다.
당시 인라인 이벤트를 사용하고 동적으로로드 할 때 인라인 이벤트를 사용하고 있다는 것을 기억합니다. 예를 들어, var obtn = '<a onclick = "freight.delete_curr_citys ();" href = "javaScript : void (0);"> delete </a> '; 실제로화물은 개체입니다 .Delete_Curr_Citys는이 객체의 방법입니다.
물론 JQuery의 Live () 함수를 사용하여 응답 로직을 다시 작성할 수도 있습니다.
$ ( ". get_comment"). live ( 'click', function () {var mid = $ (this) .attr ( "mid"); alert (mid);});현재 jQuery는 SPAN 클릭 이벤트에 응답 할 수 있습니다. 여기서는 라이브 기능 위임 이벤트가 사용되며 주로 동적으로 생성 된 HTML 이벤트 응답에 사용됩니다. Live () 함수의 역할과 관련하여 가장 직관적 인 장점은 클라이언트 브라우저 작업의 "듣기"할 수 있다는 것입니다. 아마도이 "청취"가 끊임없이 구속되고 판단 될 수 있기 때문에 웹 응용 프로그램 성능 문제가 발생할 수 있기 때문입니다. 프로젝트의 복잡성에 따라 선택적으로 사용할 수 있습니다. 라이브 기능과 관련하여 다음은 매우 자세한 설명이 있습니다.
정의 및 사용법
Live () 메소드는 하나 이상의 이벤트 핸들러를 선택한 요소에 첨부하고 이러한 이벤트가 발생할 때 실행되는 기능을 지정합니다.
Live () 메소드를 통해 첨부 된 이벤트 처리기는 선택기의 현재 및 미래 요소와 일치하는 데 적합합니다 (예 : 스크립트에서 생성 된 새로운 요소).
문법
$ (selector) .live (이벤트, 데이터, 기능)
매개 변수 설명
필요한 이벤트. 요소에 첨부 된 하나 이상의 이벤트를 지정합니다.
여러 이벤트가 공간으로 분리됩니다. 유효한 이벤트 여야합니다.
데이터 선택 사항. 함수에 전달 된 추가 데이터를 지정합니다.
필요한 기능. 이벤트가 발생할 때 실행되는 기능을 지정합니다.
위의 기사에서 동적으로 생성 된 DOM에 대한 이유와 솔루션은 OnClick 이벤트가 편집자가 공유하는 모든 내용이 아닙니다. 나는 그것이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원하기를 바랍니다.