jQuery 선택기 및 동적 콘텐츠

Question

확인 너무 혼란 스럽습니다. 누군가가 내가 누락 된 부분을 말해 줄 수 있기를 바랍니다.

이 난에 이벤트와 클래스 이름을 클릭 듣고 사용하고 클래스가 있습니다 .action 패널 버튼을

나는 두 가지를 사용하는 경우 내가 jQuery를위한 하나의 선택 라인을 얻기 위해 노력하고 있지만 그것은 단지 일하고있어 다른 사람 :

// Only fires for content loaded initially with the page, 
// not on dynamic content 
$('.action-panel-button').on('click', function() { 
    console.log(a link fired); 
}); 

위 동적으로 추가 콘텐츠를 작동하지 않습니다

나는 선택이를 사용하는 경우 화재 링크가 있습니다. 그래서 다음과 같이 업데이트했습니다 :

// Only fires for content loaded dynamically via ajax, 
// not on content originally loaded with the page 
$(document).on('click', '.action-panel-button', function() { 
    console.log(a link fired); 
}); 

두 가지 모두에서 작동해야한다고 생각했습니다. 내가 뭘 놓치고 있니?

Answer 1

기본 콘텐츠와 동적으로 추가 된 콘텐츠 모두에 적합합니다. 도움이 될 수 있습니다.

$("body").delegate("p", "click", function() { 
 
    $(this).after("<p>Another paragraph!</p>"); 
 
});

p { 
 
    background: yellow; 
 
    font-weight: bold; 
 
    cursor: pointer; 
 
    padding: 5px; 
 
    } 
 
    p.over { 
 
    background: #ccc; 
 
    } 
 
    span { 
 
    color: red; 
 
    }

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
<p>Click me!</p> 
 
<span></span>