Colorbox funktioniert nicht in der nativen WordPress-Galerie, wenn die Galerie durch AJAX geladen wird

Ich habe ein Dropdown-Menü erstellt, das verschiedene Optionen enthält. Wenn auf einen der Links geklickt wird, wird der Inhalt aus dem jeweiligen Post asynchron über AJAX geladen. Ich folgte diesem Tutorial , um es abzuhaken.

Also habe ich eine native WordPress-Galerie in jedem der Standort-Posts eingerichtet und verwende ein Colorbox-Plugin für einen Lightbox-Effekt. Wenn ich direkt zur Post gehe, funktioniert der Leuchtkasten wie vorgesehen. Wenn die Galerie jedoch über AJAX auf eine separate Seite geladen wird, erscheinen die Fotos, aber der Leuchtkasten funktioniert nicht.

Ich denke, das Problem könnte in dem AJAX-Anruf sein, den ich verwende …

Hier ist das JS:

(function($) { $(document).ready(function(){ $.ajaxSetup({cache:false}); $("#location").click(function(){ $("div.dropdown").addClass("open"); }); $("a.loc-dd").click(function(){ $("#location").html($(this).html()); var post_id = $(this).attr("rel") $("#pricing-container").append("
"); $("#pricing-container").load("http:///wp/pricing/",{id:post_id}); return false; }); }); })(jQuery);

Solutions Collecting From Web of "Colorbox funktioniert nicht in der nativen WordPress-Galerie, wenn die Galerie durch AJAX geladen wird"

Das Problem besteht darin, dass die Galerie nicht existiert, wenn sich colorbox an die Galerie-Links bindet. Ich konnte dieses Problem beheben, indem ajaxComplete() Ereignis ajaxComplete() wie ajaxComplete() :

 $(document).ajaxComplete(function(){ $('.gallery-icon a').colorbox(); }); 

Danke @Milo dafür, dass er mich in die richtige Richtung weist.