衰落文本循环不工作

它工作在演示中，即使我复制和我所有的代码粘贴到的jsfiddle，Jquery的作品。

当我在Dreamweaver中使用它时，它不起作用。如果我打开一个新文档并将其中的信息完全保留，它仍然不起作用。所以我觉得我必须错过简单的东西。

下面是该页面的链接：

这里是我的代码吧：

.hours 
{ 
display:none; 
float:right; 
font-size:20px; 
padding-top:5px; 
z-index:100000; 

} 

<div class="hours"> 
Monday – Thursday: 9 AM – 8 PM 
</div> 

<div class="hours"> 
Friday – Saturday: 9 AM – 9 PM (8 PM Jan-Mar) 
</div> 

<div class="hours"> 
Sunday: 10 AM – 6 PM 
</div> 

<script> 
(function() { 

    var hours = $(".hours"); 
    var hoursIndex = -1; 

    function showNextHours() { 
     ++quoteIndex; 
     hours.eq(hoursIndex % hours.length) 
      .fadeIn(2000) 
      .delay(2000) 
      .fadeOut(2000, showNextHours); 
    } 

    showNextHours(); 

})(); 

</script>

的脚本是在body标签（里面）的结束，以及CSS位于外部工作表上。

淡入淡出的文字应显示在最上面的电话号码右侧。

我不知道为什么它不起作用。 :(

来源

2013-01-10 user1967657

请不要问用户用户反向工程外部网站请发表你的工作的一个例子。代码在你的问题 –

对不起，这里的CSS： .hours { \t显示：无; \t浮动：权利; \t字体大小：20像素; \t填充顶：5px的; \t z-index：100000; \t } 的HTML：

Monday – Thursday: 9 AM – 8 PM

Friday – Saturday: 9 AM – 9 PM (8 PM Jan-Mar)

Sunday: 10 AM – 6 PM

– user1967657

和脚本： “小时” – user1967657

我认为你缺少的jQuery添加该页面的顶部应该修复它。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

来源

2013-01-10 18:18:14

没有工作。 :( – user1967657

嗯，它确实修正了你最初得到的错误（$没有定义）现在你有一个新的错误：“quoteIndex没有定义”看起来你试图增加变量“quoteIndex”在showNextHours（）函数中，但quoteIndex未定义。在您链接到的Fade in Out脚本示例中，quoteIndex被设置为-1（var quoteIndex = -1;），但是您在代码中将该var重命名为hoursIndex。将其更改回来，或将quoteIndex更改为hoursIndex。 –

谢谢！这使得文本出现在第一个div中，但是它并没有通过它们循环。 – user1967657

衰落文本循环不工作

回答

相关问题