Добавить список событий для динамически добавленного элемента с помощью JQuery?

Question

Я динамически подключил элемент div с использованием метода jQuery on, но когда я присоединяю слушателя к динамически обновляемому элементу, он не работает?

HTML

<input class="123" type="button" value="button" /> 
<input class="123" type="button" value="button" /> 
<div id="footer"></div> 

JQuery

$(document).ready(function() { 
    $('.onlineUsers').on('click', function() { 
     $('#footer').append("<div class=\"chatboxes\"> <div class=\"close\"><a href=\"#\">x</a></div> </div>"); 
    }); 

    $('a').on('click', function() { 
     alert("hello"); 
    }); 
}); 

Answer 1

Использование .on()

При добавлении элементов динамически вы не можете связать события непосредственно к ним .so вы должны использовать Event Delegation ,

$('#footer').on('click','a',function() { 
    alert("hello"); 
}); 

Синтаксис

$(elements).on(events, selector, data, handler);