Question

我有几个div在“a href”里面，如：

<a class="fancybox fancybox.iframe popup" href="iframe_1.html" height="35px" width="98%" > 
    <section class="one">
        <div class="twoe over"  data-direction="right" af="1">      
          <div class="front" >
            <img src="1.jpg" width ="100%;" height ="100%;" alt="">
          </div>         
          <div class="back" style="background-color:#99ca3c;">
                <h1></h1><br/><br/><br/>
                <h2>132
                </h2>
                <h3></h3>               
          </div>         
        </div>
    </section>
     </a>


 <a class="fancybox fancybox.iframe popup" href="iframe_2.html" height="35px" width="98%" > 
    <section class="one">
        <div class="twoe over"  data-direction="right" af="2">      
          <div class="front" >
            <img src="2.jpg" width ="100%;" height ="100%;" alt="">
          </div>         
          <div class="back" style="background-color:#99ca3c;">
                <h1></h1><br/><br/><br/>
                <h2>222
                </h2>
                <h3></h3>               
          </div>         
        </div>
    </section>
     </a>

现在我使用的是精美的盒子，所以每次点击一个div我都会用类弹出框架调用一个框架：

$('.fancybox').fancybox();
    $("a.popup").fancybox({
            /*'width'             : '100%',
            'height'            : '100%',*/
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
    });

现在的问题是，我需要点击两次而不是一次div并且不知道为什么，所以我认为可以解决这个问题的一个解决方案是添加一个onclick事件insidediv并调用相应的iframe，但我不知道该怎么做。

请问你帮忙解决这个问题吗？

Answer 1

试试这个

$("a.popup").fancybox({
 'onClosed' : function() { 
      location.reload(true); } 
});

你需要重新加载页面，而不是像

那样将其作为父页面

parent.location.reload(true);

和onClosed和inCleanup之间的差异就像这样

“ onCleanup ”是较早的调用，即使弹出窗口没有完全关闭，但“ onClosed ”是弹出窗口完全关闭的时候...详细说明你点击弹出窗口的关闭按钮，它首先激活“ onCleanup ”并开始关闭，完全关闭后它将触发“ onClosed ”

onclick事件而非点击<a href=""> in jquery and fancy box to open iframe</a>

1 个答案: