使用fancybox的Jquery弹出窗口

Question

我点了一个按钮，它会显示一条弹出消息。代码如下：

<a id="report_button_id" href="#report_form_container" class="form_show_link" style="text-decoration: none; cursor: hand">
    <span id="report_button_text_id" class="top_nav_report_button">My Link Here</span>
</a>

<div style="display:none;">
   <div id="report_form_container" class="popup_container">
       // Some page is displayed here using div tags
   </div>
</div>

在Javascript文件中：

$("a.form_show_link").fancybox({
    centerOnScroll:true,
    overlayOpacity:0.7,
    overlayColor:'#000000',
    showCloseButton:false,
    hideOnOverlayClick:false,
    onStart:resetPopupFormErrors
});


$("#report_form").keypress(function(e) {
    if(e.which == 13){
        $("#report_form").submit();
    }
});

任何人都可以解释上面的代码如何在点击按钮上显示弹出窗口，特别是当样式为无????

谢谢！

Answer 1

如果我理解你的问题（“这是怎么回事？”），那就简单了...... Fancybox正在将目标div从旧容器中移出并转移到它控制的临时容器中。因此，其父容器不再对目标产生影响（例如'display：none'）。