Question

我正在尝试使用fancybox来显示iframe，但我想要链接上的动画，所以我需要延迟fancybox弹出窗口。我从这里尝试了一些解决方案，但没有任何方法可以帮助我。这是我的代码，谢谢你的帮助！

JS：

    <script type="text/javascript">
$('.stesti').click(function () {
       setTimeout(function(){      
           $('.stesti').addClass('fancybox');
          $(".stesti").trigger('click');
       }, 3000);
});
     </script>

HTML：

<div id="button"><a class="stesti fancybox.iframe button" href="iframe.html"></a></div>

Answer 1

您必须手动打开Fancybox：

＆＃13;

$(document).ready(function() {
  $('.stesti').click(function(e)
  {
    e.preventDefault(); // prevents browser following the link
    var href = $(this).attr('href'); // save the url

    setTimeout(function(){
      // Open Fancybox manually:
      $.fancybox.open([{
        type : 'iframe',
        href: href
      }]);
    }, 3000);
  });
});

＆＃13;

<!-- Include jquery and fancybox files -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" rel="stylesheet"/>
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>

<!-- Your link: -->
<a class="stesti button" href="/iframe.html">Link</a>

＆＃13;

用延迟打开fancybox iframe

1 个答案: