Why ajax loaded link not clickable on jQuery click event?

Question

I called Ajax on button click, and I got response with link. Now I want to do some action on that link but I cant, why?

here is the ajax call:

$( document ).ready(function() {
  jQuery(".rateReset").click(function(){
     var data_item = jQuery(this).attr("data-item");
     var data_target = jQuery(this).attr("data-target");
     var me = this;
     jQuery.ajax({
        type: "POST",
        url: "likevoting.php?data_item="+data_item+"&data_target="+data_target+"&interchange=yes",
        success: function(data){
           jQuery(me).closest("div.rateWrapper").html(data);
        }
   });
});

I got response like:

some text link lorem ipsume...

Now I want to add click event on 'link' text, how to do this.

Thanks

because your page already loaded and you have to load click event. you can get click event along with your ajax link response then it will work. — Mubashar Iqbal, Mar 28 '17 at 07:29

score 2 · Answer 1 · answered Mar 28 '17 at 07:31

2

replace

jQuery(".rateReset").click(function(){

to

jQuery(document).on("click", ".rateReset", function(){

answered Mar 28 '17 at 07:31

diavolic

722
1
4
5

I already tried this, but no luck :( – Manish Negi Mar 28 '17 at 07:48

Why ajax loaded link not clickable on jQuery click event?

1 Answers1