如何在AJAX內容中使用ColorBox jQuery插件

我正在使用jQuery ColorBox插件，但它不支持我的AJAX內容，並且我不知道如何解決此問題。如何在AJAX內容中使用ColorBox jQuery插件

我顯示了一篇文章，圖片庫在帖子的底部。用戶可以滾動瀏覽這些帖子，用AJAX刷新它們。

在最初的文章中，插件效果很好，但是在任何帶有插件的AJAX生成的文章中，插件都不會觸發。

jQuery(document).ready(function(){ 

    jQuery(".lightbox").colorbox({ 
     rel: 'lightbox', 
     height: '90%', 
     slideshow: true, 
     slideshowStart: 'Start Slideshow - ', 
     slideshowStop: 'Pause Slideshow - ' 
    }); 

});

鏈接到顏色框插件頁面 - - 我使用調用插件

代碼http://www.jacklmoore.com/colorbox

來源

2012-07-03 David Gard

我也無法想象如何做到這一點。你可以發佈你的代碼嗎？我的問題http://stackoverflow.com/questions/25626966/jquery-colorbox-image-slide-show-carousel-when-using-ajax – jmenezes

但在任何AJAX生成後與畫廊，插件不火。

在您進行ajax調用之後，您需要再次指定colorbox，以便將其應用於新元素。您的ajax調用將爲執行此類事情提供回調。

來源

2012-07-04 02:38:32 Jack

謝謝你，我已經這樣做，它正在工作。我不明白爲什麼，因爲我認爲AJAX的整個想法是刷新頁面的一部分，所以我不明白原始任務何時不起作用？謝謝。 –

如何在AJAX內容中使用ColorBox jQuery插件

回答

相關問題