使用jquery在已有的隐藏div后添加div

Question

我有一个div＃fancybox-隐藏的内容，直到点击一个缩略图，然后弹出那个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

试试这个吗？

由于您的DIV是隐藏的，一旦JavaScript的得到执行，它不能找到隐藏的div：

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

于2013年10月13日

另一种方法更新。

使用显示：无/块，而不是隐藏

变化 '＃的fancybox内容' div的CSS字段中显示：无由

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

你也可以写

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

使其显示。