jquery

我正在尝试向我的jquery字符串添加一个fadingin，以便在单击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并在CSS中使用disply: none并具有相同的效果。

最佳答案

持续时间应该是数字而不是字符串：

$("#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毫秒的持续时间。如果提供了任何其他字符串，或者省略了duration参数，则使用默认的持续时间400毫秒。

旁注，最好隐藏元素，然后将其附加到<iframe>，然后完成所有操作，淡入容器。

关于jquery - fadeIn效果仅闪烁，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9705757/

jquery - fadeIn效果仅闪烁