Question

我有一个隐藏的div＃fancybox-content，直到点击缩略图然后该div弹出。

我想在＃fancybox-content之后添加另一个DIV＃video-desc，这样当它弹出时，＃video-desc的内容会显示在它下面。

我有这段代码

<script type='text/javascript'>
jQuery(document).ready(function($){
$('#video-desc').insertAfter('#fancybox-content')
});
</script>

它似乎没有工作，这是因为div被隐藏了？在#fancybox-content可见后，我将如何才触发此事件？

Answer 1

试试这个？

if( $('#fancybox-content').is(':hidden') ) {
    //do nothing
}
else {
    $('#video-desc').insertAfter('#fancybox-content')
    //Or
    //$('#video-desc').show(); whatever         
}

2013年10月13日更新

另一种方法：

由于你的div是隐藏的，一旦javascript被执行，它就找不到隐藏的div。

使用display：none / block而不是隐藏

将“#fancybox-content”div的css字段更改为：

显示：无

$('#fancybox-content').css("display", "none");

你也可以写

$('#fancybox-content').css("display", "block");

让它显示出来。

使用Jquery在现有Hidden Div之后添加Div

1 个答案: