使用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"); 

使其顯示。