2016-06-28 4 views
0

Я хочу исчезать между различными изображениями, которые загружаются, когда происходят разные вещи. Я создал некоторые, если, иначе правила и мысли, я могу сказать jQuery, чтобы fadeIn() исчезал в каждом новом изображении. Но это не работает, и я не знаю, почему. Я думаю, что это очень маленькая вещь кода, которую я не могу понять. Надеюсь, вы, ребята, можете мне помочь!jQuery fadeIn() между if и else

Вот мой код до сих пор:

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'); 
} 
+2

Я думаю, вам нужно будет создать демо или показать больше соответствующего исходного кода для любого, чтобы найти проблему. Откуда берутся 'count' и' stern1-5' и где они определяются? Откройте консоль браузера, чтобы проверить отчеты об ошибках. – NewToJS

+0

делает «.star. Есть атрибут стиля отображения: нет? Можете ли вы опубликовать код, связанный с этим классом. –

+0

также полезен код, в котором вы получаете счет. –

ответ

1

Ваши ошибки является:

Вставьте содержание в вашем HTML

Так отображает содержимое всегда, ваши усилия не показывая, как задержка и fadeIn.

Пожалуйста, попробуйте следующее:

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

Если Я добавляю функцию 'hide()', она исчезает, пока она не исчезает, но она исчезает! Проверьте эту скрипту: jsfiddle.net/8L6g2uej – dwd0tcom

+0

@ dwd0tcom Если вы используете этот код «$ ('. Star'). Html ('') .hide(). Delay (1000) .fadeIn ('slow'); ", то изображение сначала не отображается, после чего ваше свойство fadeIn работает отлично. Пожалуйста, проверьте и дайте мне знать. –