Jquery 淡入淡出的文本循环不工作

Jquery 淡入淡出的文本循环不工作,jquery,Jquery,我在这里找到了文本循环的代码: 它可以在该演示中工作,即使我将所有代码复制并粘贴到JSFIDLE中,Jquery也可以工作 当我在Dreamweaver中这样做时,它不起作用。如果我打开一个新文档并将信息按原样放入,它仍然无法工作。所以我觉得我一定错过了一些简单的事情 以下是该页面的链接: 以下是我的代码: .hours { display:none; float:right; font-size:20px; padding-top:5px; z-index:100000; } <

我在这里找到了文本循环的代码:

它可以在该演示中工作,即使我将所有代码复制并粘贴到JSFIDLE中,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>
.hours
{
显示:无;
浮动:对;
字体大小:20px;
垫面:5px;
z指数:100000;
}
周一至周四:上午9点至晚上8点
星期五至星期六:上午9时至晚上9时(一月至三月晚上8时)
星期日:上午10时至下午6时
(功能(){
变量小时数=$(“.hours”);
var hoursIndex=-1;
函数shownethours(){
++报价索引;
小时当量(小时指数百分比小时长度)
fadeIn先生(2000年)
.延迟(2000年)
.fadeOut(2000年,第二季);
}
shownethours();
})();
脚本位于body标记的末尾(在其内部),CSS位于外部工作表上

淡出的文字应显示在顶部电话号码的右侧


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

我认为您缺少jquery。将此添加到页面顶部应该可以修复它:

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


请不要要求用户对外部站点进行反向工程。请在您的问题中发布一个工作代码的示例。抱歉,以下是CSS:.hours{display:none;float:right;font size:20px;padding top:5px;z-index:100000;}HTML:周一到周四:上午9点到晚上8点周五到周六:上午9点到晚上9点(一月到三月8点)周日:上午10点到下午6点,脚本:(function(){var hours=$(“.hours”);var hoursIndex=-1;function shownethours(){++quoteIndex;hours.eq(hoursIndex%hours.length).fadeIn(2000).delay(2000).fadeOut(2000,shownethours);}shownethours();})我已经发布了你对这个问题的评论。我调整了我原来的帖子,现在里面有了代码。它确实修复了你最初得到的错误($未定义)。现在出现一个新错误:“quoteIndex未定义”。看起来您试图在showNextHours()函数中增加变量“quoteIndex”,但没有定义quoteIndex。在链接到的淡入淡出脚本示例中,quoteIndex设置为-1(var quoteIndex=-1;)但是您在代码中将该变量重命名为hoursIndex。请将其更改回,或者将quoteIndex更改为hoursIndex。谢谢!这使文本显示在第一个div中,但它没有在其中循环。您现在遇到另一个错误。请尝试自己解决它。使用chrome,右键单击页面上的任意位置并选择“Inspect Element”,然后单击出现的开发人员工具的控制台选项卡。您将看到您的(新)错误消息和有问题的代码。请尝试用谷歌搜索错误消息。感谢您的提示!通过链接到最新版本的jquery使其正常工作:错误是由于以前链接的版本不支持延迟而导致的。感谢帮助!:)