click() jquery function not available on new divs

Question

During the running of my website i create new divs using jquery with class \"a\". I have defined a click() function for \"a\" class as follows:

$(document).r         


        

Answer 1

Use the "live" method.

http://api.jquery.com/live/

Answer 2

Try using the .live() function which should also apply for newly inserted DOM elements that match your selector:

$(document).ready(function() {
    $(".a").live('click', function(){
        $(".a").hide();
    });
});

Answer 3

This might also work.

(function($) {  
  $(document).ready(function () {
    $('body').on('click', '.a', function() {
      $(this).hide();
    });
  });
}( jQuery ));

.on() attaches events to controls that are both present and not yet present.

Answer 4

$(document).delegate('.a', 'click', function() {
  $(this).hide();
});