Fancybox加載div點擊？

Question

標題說明了一切。我想加載鏈接中的所有內容，而不是在頁面加載時單擊。我注意到它與頁面一起加載的方式是我的adblock正在檢測廣告，並且我正在測試它在一個空白頁面中。我打算在同一頁面上使用像這樣的許多鏈接，如果以這種方式完成，則需要永久加載。

問題：有沒有一種方法可以在單擊鏈接時加載div而不是沿頁面加載？

例如：

http://jsfiddle.net/qpL14ysg/

的代碼：

<a href="#divForm" id="btnForm">Load Form</a> 

<div id="divForm" style="display:none"> 
    <iframe style='overflow: hidden; border: 0; width: 600px; height: 480px' src='http://embed.novamov.com/embed.php?v=19bf3a4b7fe49' scrolling='no'></iframe> 
</div> 

<script type="text/javascript"> 
$(function() { 
    $("#btnForm").fancybox({ 
     'onStart': function() { $("#divForm").css("display","block"); },    
     'onClosed': function() { $("#divForm").css("display","none"); } 
    }); 
}); 
</script> 

Answer 1

這不是正常的fancybox方式來加載iframe中。看看documentation，你可以告訴fancybox在點擊時創建iframe。

<a class="fancybox fancybox.iframe" href='video url here' id="btnForm">Load Form</a> 

$(function() { 
    $("#btnForm").fancybox({ 
     width: 600, 
     height: 480 
    }); 
}); 

http://jsfiddle.net/qpL14ysg/1/