Ajax在具有相同ID /類的多個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);
}