jQuery Colorbox不适用于AJAX

时间:2014-11-10 22:43:49

标签: jquery ajax wordpress lightbox colorbox

我正在使用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>

有时它有效,但它并不能完全解决我的问题。

1 个答案:

答案 0 :(得分:0)

问题已解决。 Colorbox脚本默认位于标题中。在我的情况下,有必要将位置更改为页脚(您可以在插件菜单中执行此操作)。现在工作正常。

single.php中

$(document).ready(function(){

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