Question

标题说明了一切。我想加载链接内的所有内容，而不是在页面加载时单击。我注意到它的方式是加载页面是我的adblock检测广告，我在一个空白页面测试它。我打算在同一页面上使用这样的许多链接，如果以这种方式完成，则需要永久加载。

问题：有没有办法在点击链接时加载div而不是在页面上加载？

示例：

代码：

<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

这不是加载iframe的正常fancybox方式。通过查看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/

Fancybox点击加载div？

1 个答案: