jQuery Colorbox不適用於AJAX

Question

我正在使用AJAX從單個帖子（Wordpress）加載內容。 在單頁上，我有帶有jQuery Colorbox（ https://wordpress.org/plugins/jquery-colorbox/ ）的圖像。 添加后，AJAX Colorbox停止工作。

AJAX：

    $(document).ready(function(){
        $.ajaxSetup({cache:false});

        var hoverOrClick = function() {

            var post_url = $(this).attr("href");

            $("#hide-ccontent").load(post_url);
            return false;
        }

        $("#ccontent a").click(hoverOrClick).hover(hoverOrClick);   
});

腳本從以下網址下載： http ： //www.designlunatic.com/2011/06/dynamically-load-wordpress-posts-with-jquery/

我試圖這樣輸入單個代碼：

<script src="jquery-1.11.0.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<script>
        $(document).ready(function(){

                $("a#lightbox").colorbox();
            });
</script>

有時可以，但是不能完全解決我的問題。

Answer 1

問題已解決。 Colorbox腳本默認位於標題中。 在我的情況下，有必要將位置更改為頁腳（您可以在插件菜單中執行此操作）。 現在工作正常。

Single.php

$(document).ready(function(){

      $("a#lightbox").colorbox();
});