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

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 代替 hidden

将 '#fancybox-content' div 的 css 字段更改为 display:none

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

你也可以写

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

让它显示。