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

Question

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

所以加载的 html 代码可能已经显示了通过 css 分配的标签(例如表格、表格单元格)，这似乎与父 div 的淡入动画搞砸了，使得那些子 div 只是弹出而不是淡入。

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

提前致谢， ANB_赛斯

Answer 1

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

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

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