jQuery显示/隐藏不起作用

我试图一次显示一个Tweet，并让它循环。我有两种类型的页面，并且在一个页面上它可以正常工作，但另一个页面却不会显示。是否有某种CSS优先规则可以覆盖它？jQuery显示/隐藏不起作用

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(); 

}

来源

2015-05-06 The Hawk

'没有定义currentTwitterItem'。 – gin93r

它的定义是，我忘了把它放在问题中。代码现在已被更正。 –

请看我的答案。我认为这是在做你在问什么。如果没有，请详细说明。 – gin93r

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到包含多个容器

来源

2015-05-06 14:59:48 gin93r

就是这样。我在每个水平屏幕上都有一个侧栏。谢谢。 –

不客气！很高兴它解决了。 – gin93r

jQuery显示/隐藏不起作用

回答

相关问题