Ajax 在具有相同 id/class 的多个 div 中加载内容

Question

我正在尝试将 RSS 提要加载到滑块中。滑块处于循环模式，因此在此模式下您将获得无限滚动，并且第一张幻灯片将在最后一张之后重复。所以我的 RSS 幻灯片实际上有 2 张幻灯片。

现在的问题是只有一个 div 才会加载内容。

我的 jQuery 加载 rss 文件：

        (function($)
{
    $(document).ready(function()
    {
        $.ajaxSetup(
        {
            cache: false,
            beforeSend: function() {
                $('#rssblok').show();
                $('#loading').show();
            },
            complete: function() {
                $('#loading').hide();
                $('#rssblok').show();
            },
            success: function() {
                $('#loading').hide();
                $('#rssblok').show();
            }
        });
        var $container = $("#rssblok");
        $container.load("/kantivi/kantivi_rss.php");
        var refreshId = setInterval(function()
        {
            $container.load('/kantivi/kantivi_rss.php');
        }, 9000);
    });
})(jQuery);

kantivi_rss.php 文件只是一个 RSS 加载器，它会回显内容。这一切都有效

现在滑块内容中必须加载提要的部分如下所示：

<?php 
$slider .= '<div id="rssblok">';
                                            $slider .= '<img src="/img/loading.GIF" id="loading" alt="loading" style="display:none;" />';
                                            $slider .= '</div>';
?>

如果我不把滑块放在一个循环中，那就只有一个

<div id="rssblok">

而且效果很好。但是在循环模式下，它不会加载 RSS 内容，因为其中有 2 张幻灯片，其中包含 <div id="rssblok"> div。

希望问题很清楚，如何解决这个问题？

Answer 1

您需要遍历所有容器并将负载应用于每个容器：

var $containers = $("#rssblok");
for (var i=0, j=$containers.length; i<j; i++){
    var $container = $($containers[i]);
    $container.load("/kantivi/kantivi_rss.php");
    var refreshId = setInterval(function(){
        $container.load('/kantivi/kantivi_rss.php');
    }, 9000);
}