Question

我试图一次显示一条推文并让它循环播放。我有两种类型的页面，在一个页面上它可以正常工作，但另一个页面从未显示。是否有某种CSS优先级规则可以覆盖它？

HTML：

<div class="twitterFeed">
    <p>Tweet here</p>
    <p>Tweet here</p>
    <p>Tweet here</p>
    <p>Tweet here</p>
    <p>Tweet here</p>
</div>

JavaScript的：

var currentTwitterItem = 4;
NextTwitterItem();

setInterval( NextTwitterItem, 8000);

function NextTwitterItem() {

    currentTwitterItem++;

    if (currentTwitterItem >= 5) {
        currentTwitterItem = 0;
    }

    $(".twitterFeed p").hide();
    $(".twitterFeed p:eq(" + currentTwitterItem + ")").show();

}

Answer 1

var currentTwitterItem = 0
NextTwitterItem();

setInterval( NextTwitterItem, 8000);

function NextTwitterItem() {
    $(".twitterDiv").each(function(){
        $(this).find(".twitterFeed p").hide();
        $(this).find(".twitterFeed p").eq(currentTwitterItem).show();
    })

    if (currentTwitterItem >= 5) {
        currentTwitterItem = 0;
    }
    else
    {
        currentTwitterItem++;
    } 
}

Updated Fiddle包含多个容器

jQuery显示/隐藏不起作用

1 个答案: