jquery在可见时移动div

Posted 2023-05-08

【中文标题】jquery在可见时移动div

【英文标题】：jquery move div when its visible

【发布时间】：2014-09-05 10:25:05

【问题描述】：

我有三个 div，DIV 1 DIV 2 和 DIV 3.. 通过 php 在页面加载 div 上创建，我有一个 DIV 1 有一个子 DIV 的场景。是否可以使用 jquery 在文档加载时添加一个函数来检查 child-div1 是否可见，将子 div 移动到 DIV 3 下方。

这可能吗。我知道要使用的所有代码位、动画、window.load 等，但我缺少移动 div 的代码以及如何在 childdiv1 可见时在 if cond 中设置它。

我看不出 jsfiddle 在这种情况下会有多大帮助，但我已经设置了 div 的基本设置。我无法粘贴我的实际代码，因为它需要由 CMS 的 php.ini 执行。 JSFIDDLE

希望我把我的问题说清楚了。

谢谢大家！ 伊恩

【问题讨论】：

在此处添加您的代码...或至少一个 JSFiddle...

***.com/questions/178325/…

【参考方案1】：

试试这样的

$(function()
    var $ChildDiv = $('.child-div');

    // This is condition for check that dom is visible or not
    if($ChildDiv.is(':visible'))
    
        // replace the child dom after the div 3
        $ChildDiv.insertAfter($('.div3'))
    
)

【讨论】：

谢谢伙计，这就是它所需要的...... is:visible 和 insertAfter，这对我来说仍然是新的。立即工作，感谢人的帮助，没有抱怨。