ファンシーボックスを使用したJqueryのポップアップ

Question

ポップアップメッセージが表示されたボタンをクリックしました。 Javascriptのファイルで

<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> 

：：コードを以下に示す

$("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(); 
    } 
}); 

いずれかが上記のコードはスタイルがnoneです場合は特にボタンをクリックの上にポップアップウィンドウを表示する方法を説明することができます????

ありがとうございます！

Answer 1

あなたの質問（「どのように機能しますか」）を理解していれば、それは簡単です...ファンシーボックスは、ターゲットコンビネーションを古いコンテナから、それが制御する一時的なコンテナに移動しています。そのため、親コンテナはターゲットに影響を与えなくなりました（ 'display：none'など）。