衰落文本循環不工作

它工作在演示中，即使我複製和我所有的代碼粘貼到的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

衰落文本循環不工作

回答

相關問題