Ajax“加载更多”函数不能正确加载colorbox - Ajax ’load more’ function does not proper load colorbox

Ajax ’load more’ function does not proper load colorbox

我创建了一个"加载更多"链接，该链接通过AJAX调用加载接下来的100个条目。我的 AJAX 调用如下所示：

<script type="text/javascript">
   function HideButton(){
        $('#load_post').css('display', 'none')
     }
    $.ajaxSetup ({
        cache: false
    });
    var ajax_load = "<div class='loading_wrapper'><img class='loading' src='<?php echo url(); ?>images/ajax-loader.gif' alt='loading...' /></div>";
    var loadUrl = "http://www.mydomain.com/loadmore.php";
    $("#load_post").click(function(){
        $("#result")
            .html(ajax_load)
            .load(loadUrl, {exclude: "<?php echo $exclude_more_post_str; ?>"},
            function() {
            $('#load_post').css('display', 'none');
            });
    });
</script>

loadmore.php 代码只是从数据库中检索接下来的 100 个条目，这与主页几乎相同，只是有偏移量。

它正确加载了 100 个条目，但没有将其加载到我的 colorbox iframe 中。在通过 AJAX 加载更多条目之前，第一个条目工作正常，但 AJAX 加载的 100 个条目不会在 colorbox 内加载页面，即使它已将正确的类附加到 href。

当按下应该在彩盒iframe中打开的条目时，它只显示页面，例如 http://www.mydomain.com/single-entry/this-is-the-post-suppose-to-open-in-colorbox/

运行 AJAX 调用时我是否错过了一些特殊属性，所以我需要重新加载颜色框。我已经尝试过，但是页眉和页脚中的Colorbox javascript，但结果是相同的。

如果我解释不清楚，请告诉我，我会尽力澄清。

真诚
- 梅斯蒂卡

如果您想将

loadmore.php 或其他 url 的内容显示在 colorbox iframe 中，请尝试更改其插件容器的 href 属性（即：<a class="loadmore" href=""/> ...或任何你称之为它）并抛出 Click 事件（如果之前已初始化）。

$("#load_post").click(function(){
        $(".loadmore").attr('href', "http://www.mydomain.com/loadmore.php").click();
    });

您甚至可以像这样将初始化方法链接到 .loadmore 标签上：

  $("#load_post").click(function(){
            $(".loadmore").attr('href', "http://www.mydomain.com/loadmore.php")
.colorbox({iframe:true, width:"80%", height:"80%"}).click();
        });

我希望它会