javascript - Ajax 비동기 로딩, 이벤트 트리거 문제

ajax는 일부 페이지(대상 페이지)를 비동기적으로 로드합니다. 대상 페이지에 버튼에 대한 onclick 기능을 설정하고 싶지만 항상 无法进行触发

입니다.

논리: 프런트엔드 jqueryload()(ajax 비동기)가 페이지를 로드하고 btn은 대상 페이지에 배치됩니다

의사코드는 다음과 같습니다. (코드가 좀 장황해서 의사코드로 대체했습니다.)

ajax.js:

<code class="javascript">$(function(){
  $(xxx).load(target-page);
  function a(){codes}
  setTimeout(function(){
    $(btn).click(a);
    // 用奇葩方法settimeout解决
  }, 0);
});</code>

원리와 올바른 해결책을 설명하는 데 도움을 주실 수 있나요??

개인적으로는 기본 js 콘텐츠(변수/함수 선언)가 로드된 후 비동기 로딩이 발생하여 나중에 요소를 가져오지 못하는 등의 문제가 발생하는 것이 문제라고 생각합니다

답글 내용:

ajax는 일부 페이지(대상 페이지)를 비동기적으로 로드합니다. 대상 페이지에 버튼에 대한 onclick 기능을 설정하고 싶지만 항상 无法进行触发

입니다.

논리: 프런트엔드 jqueryload()(ajax 비동기)가 페이지를 로드하고 btn은 대상 페이지에 배치됩니다

의사코드는 다음과 같습니다. (코드가 좀 장황해서 의사코드로 대체했습니다.)

ajax.js:

<code class="javascript">$(function(){
  $(xxx).load(target-page);
  function a(){codes}
  setTimeout(function(){
    $(btn).click(a);
    // 用奇葩方法settimeout解决
  }, 0);
});</code>

원리와 올바른 해결책을 설명하는 데 도움을 주실 수 있나요??

개인적으로는 기본 js 콘텐츠(변수/함수 선언)가 로드된 후 비동기 로딩이 발생하여 요소를 가져오지 못하는 등의 문제가 발생하는 것이 문제라고 생각합니다

문서를 살펴보겠습니다: http://api.jquery.com/load/

게다가 target-page는 변수가 아닙니다.

참조코드

<code class="javascript">// 第二个参数是 data，没有直接给 null，或者 {}
// 看文档中的例子，也可以省略掉，直接给 callback 作为第二个参数
$(xxx).load(url, function() {
    // do callback here
});</code>