ライトボックスから呼び出されたときにjs関数が機能しない

Question

ライトボックスから呼び出された場合、Javascript、jQuery関数は機能しません。私は、リンクをクリックすると、divを表示したいだけです。しかし、それは動作しません。アラートボックスを表示して確認しようとしたときに、リンクをクリックすると、それも機能しません。考えられる理由は何か。この問題はこのページにのみあり、同じ機能が他のページでも機能します。 必要なjsファイルを他のページに含めました。

EDIT

ライトボックスにHTMLコード：

<div id="bottom_eqn_section" class="paddingTop_10"> 
    <a id="cost_allocation" href="#" class="arrowLink">Change cost allocation</a> 
    <div class="clear"></div> 
    <a id="cancel" href="#" class="arrowLink ">Cancel</a> 
</div> 
<button type="reset" class="button1">OK</button> 

<script type="text/javascript"> 
$(document).ready(function(){ 

    $('#cancel').click(function(){ 
     alert('Hello'); 
    }); 

}); 
</script> 

私は、親ページに必要なすべてのjsファイルを追加しました。

jsエラーはありません。警告が表示されない

Answer 1

スクリプトを親ページに置くか、ライトボックスコールバック関数でそのスクリプトを追加します。