jquery彈出使用fancybox

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'）。