0

我创建了一个“加载更多”链接，它通过 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 个条目不会在颜色框内加载页面，即使它有正确的类附加到a href。

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

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

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

真诚
- Mestika

4

1 回答 1

0

如果您想将 loadmore.php 或其他 url 的内容显示到颜色框 iframe 中，请尝试更改其插件容器的 href 属性（i.ex: <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();
        });

我希望它会

于 2012-06-19T12:10:44.087 回答