Click 이벤트

Question

가능한 중복 :
Dynamically Adding Elements and trying to use the selectors .click event Jquery

$(function(){ 
    $('a.bar').click(function(){ 
    // do something 
    }); 

    $('a.foo').click(function(){ 
    $('#toto').append('<a class="bar">bar</a>'); 
    }); 
}); 


<a class="foo">foo</a> 
<div id="toto"></div> 

어떻게 자동으로 DOM 요소에 대한 준비가 JQuery와에 정의 된 클릭 이벤트를 부착 (예 : a.bar의 경우 a.foo을 클릭하여) 다른 이벤트에 의해 추가 되었습니까? 당신이 필요로하는 무엇

Answer 1

이 위임 된 이벤트의 기술이다 .. 당신은 모든 트리거를 설정하고 DOM 수정 후를 부르는 init() 기능을 만들 수 .on

$(document).on('click', 'a.bar', function(){ 
    // do something 
}); 

Answer 2

를 사용하여 아래를 참조하십시오. 예컨대 :

$(function() { 
    init(); 

    $('a.foo').click(function(){ 
    $('#toto').append('<a class="bar">bar</a>'); 
    init(); 
    }); 
}); 

function init() { 
    $('a.bar').click(function(){ 
    // do something 
    }); 
} 

Answer 3

$(document).ready(function(){ 
    $('.foo').click(function(){ 
    $('<a class="bar">bar</a>').appendTo('#toto'); 
    }); 

    $('#toto').delegate('.bar', 'click', function(a){ 
    $('.foo').toggle();  
    }); 
}); 

사용 위임.