Question

我知道有一个JQuery函数名fadeIn()，并且已经搜索了一些如何使用它的信息。在W3Schools我读过这个：

jQuery fadeIn()方法用于淡入隐藏元素。

但我会将这个功能用于我刚刚创建的元素以淡入，它不会被隐藏！有没有办法对新创建的元素产生相同的效果？以下是一些可以播放的代码：

$("#resultaatArtisten").append(
    '<div class="option-item">' +
        '<input type="hidden" value="' + var1 + '"/>' +
        '<div class="artist-foto-container">' +
            '<img src="' + image + '" class="artist-foto" alt="Foto van ' + name + '"/>' +
        '</div>'+
        '<p>' + name + '</p>' +
    '</div>'
);

Answer 1

在第一个div标记中，您可以添加style="display:none"，或者您可以将display:none;添加到CSS文件中的.option-item。

修改

建议您将display属性添加到CSS文件中。

.option-item{display:none;}

Answer 2

试试这个：

$("#resultaatArtisten").hide().append(
    '<div class="option-item">' +
        '<input type="hidden" value="' + var1 + '"/>' +
        '<div class="artist-foto-container">' +
            '<img src="' + image + '" class="artist-foto" alt="Foto van ' + name + '"/>' +
        '</div>'+
        '<p>' + name + '</p>' +
    '</div>'
).fadeIn();

淡化新创建的元素

2 个答案: