包含具有各种显示标签的子元素的父 div 的淡入

Question

我正在使用一个函数来加载内容（html代码），加载之后，我使用fadeIn函数慢慢淡入div容器中加载的内容。加载的 html 代码是动态的，几乎可以是任何东西。

因此可能会发生加载的 html 代码已经显示通过 css 分配的标签（例如 table、table-cell），这似乎与父 div 的淡入淡出动画搞砸了，使那些子 div 只是弹出而不是淡入。

那么我怎样才能获得父 div 的淡入淡出功能以包含可能具有各种显示标签的各种子 div？有办法吗？

提前致谢， ANB_Seth

Answer 1

您可以使用 jQuery 中的 .children() 方法来定位父元素中的所有子元素。请参阅此方法的文档here。

绑定一个事件来触发fadeIn。在这个例子中，我只使用了一个点击事件，但你可以使用其他任何东西，也许是在加载时。

$(".myParent").on("click", function () {
    $(this).children().fadeIn(); 
});