if和else之間的jQuery fadeIn（）

我想在發生不同事情時加載的不同圖像之間淡入淡出。我創建了一些if，else規則，並認爲我可以通過fadeIn()來告訴jQuery淡入淡出每個新圖像。但它不工作，我不知道爲什麼。我認爲這是一個超級小代碼的東西，我無法弄清楚。希望你們能幫助我！if和else之間的jQuery fadeIn（）

這裏是我到目前爲止的代碼：

if(count == 1){ 
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow'); 
} else if (count == 2){ 
    $('.star').html('<img src="' + stern2 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 3){ 
    $('.star').html('<img src="' + stern3 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 4){ 
    $('.star').html('<img src="' + stern4 + '">').delay(1000).fadeIn('slow'); 
} else if(count == 5) { 
    $('.star').html('<img src="' + stern5 + '">').delay(1000).fadeIn('slow'); 
} else { 
    $('.star').html('<img src="' + stern1 + '">').delay(1000).fadeIn('slow'); 
}

來源

2016-06-28 dwd0tcom

我想你需要創建一個演示或顯示更相關的源代碼，任何人都可以發現問題。 'count'和'stern1-5'從哪裏來，這些定義在哪裏？請打開您的瀏覽器控制檯檢查錯誤報告。 – NewToJS

does「.star。」的風格屬性是display：none？你能發佈與該類相關的代碼嗎？ –

也是代碼，你可以獲得計數可能是有用的 –

你的錯誤是：

插入內容中的HTML

所以它顯示的內容始終，你的努力是不顯示像延遲和淡入。

請嘗試以下方法：

$('.star').html('<img src="' + stern1 + '">').hide().delay(1000).fadeIn('slow');

來源

2016-06-28 12:17:18

If我添加了hide（）函數，它在它淡出之前就消失了，但是它會消失！檢查這個提琴：jsfiddle.net/8L6g2uej – dwd0tcom

@ dwd0tcom如果你使用這段代碼「$（'。star'）。html ''）.hide（）。delay（1000）.fadeIn（'slow'）;「，那麼在你的fadeIn屬性完美工作之後，圖像並沒有顯示出來，請檢查並讓我知道。 –

if和else之間的jQuery fadeIn（）

回答

相關問題