从灯箱调用js函数不起作用

Question

Javascript, jQuery functions are not working when called from a lightbox. I just want a div to be displayed, when I click on a link. But it doesn't work. When I tried checking by displaying an alert box, on click of the link, that also doesn't work. What could be the possible reason. This problem is only on this page, the same function works in other pages. I have included all the necessary js files as in other pages.

EDIT

The html code in the lightbox:

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

I have added all the js files needed in the parent page.

There is no js error. The Alert doesn't get displayed

Answer 1

将您的脚本放在父页面中，或在灯箱回调函数中添加该脚本。