эффект затухания только мигает - PullRequest
Новая
       5

эффект затухания только мигает

0 голосов
/ 14 марта 2012

Я пытаюсь добавить fadein в мою строку jquery, чтобы div исчезал при нажатии. Я только получаю вспышку, а потом не исчезаю. Я все еще начинающий с jquery. Похоже, это должно работать? 

$(document).ready(function() {
    $("#Thumb1").click(function() {
        $("#hidden").html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>').hide().fadeIn('2000');
        $("#leftsidePlayer").text("hey there new text!");
    });
});​    ​

Я также пытался использовать .hide и использовать disply: none в своем CSS с тем же эффектом.

1 Ответ

2 голосов
/ 14 марта 2012

Продолжительность должна быть числом, а не строкой: 

$("#hidden").hide()
            .html('<iframe src="http://player.vimeo.com/video/38366163" width="508" height="286" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>')
            .fadeIn(2000); // <==== Not fadeIn('2000')

JSFidde DEMO

Продолжительность указывается в миллисекундах;более высокие значения указывают на более медленную анимацию, а не более быструю.Строки 'fast' и 'slow' могут указываться для указания длительности 200 и 600 миллисекунд соответственно.Если указана любая другая строка или параметр продолжительности не указан, используется длительность по умолчанию 400 миллисекунд.

Примечание: лучше будет скрыть элемент, а затем добавить его * 1014.* и после того, как все это будет сделано, исчезните контейнер.

...