Colorbox funktionieren nicht nach der Injektion von Ajax-Seite mit Scrolling-down-Methode

Question

$(document).ready(function() { 
    $("a.ajax").colorbox(); 

    function last_msg_funtion() { 
     var ID = $(".picturebody:last").attr("id"); 
     $("#last_msg_loader").html('<img src="Pictures/loader.gif">'); 
     $.ajax({ 
      type: "POST", 
      url: "scrollingajax.php", 
      data: "lastmsg="+ ID, 
      cache: false, 
      success: function(html){ 
       $("#content").append(html); 
       $("#last_msg_loader").remove(); 
      } 
     }); 
    }; 

    $(window).scroll(function(){ 
     if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
      last_msg_funtion(); 
     } 
    }); 
}); 

Die $().colorbox(); einfach nicht funktionieren, nachdem einem Teil der Webseite in die Original-Webseite geladen mit nach unten scrollen, um mehr Ergebnis Methode zu laden. Newbie hier, tut mir leid, diese Frage zu stellen. Wie kann ich das colorbox Funktionsregister nach dem Laden mehr Ergebnis in den HTML-Code mit Ajax bekommen? Danke vielmals!

Answer 1

Sie müssen $("a.ajax").colorbox(); erneut aufrufen, nachdem Sie $("#content").append(html); anrufen. Der neue Inhalt ist nicht an Ereignislistener gebunden, wenn Sie ihn in das Dokument einfügen.