JavaScript函数内的jQuery无法正常工作

Question

I am trying to use jquery code inside javascript function but it is not working,the inside javascript function there is jquery code which should open pop up . on clicking iframe

Working

<script>
      window.onload = function() {
        document.querySelector("iframe").contentWindow.document.body.onclick = function(){
          alert("Hello World!");
        };

      };
 </script>

not working code

window.onload = function() {
        document.querySelector("iframe").contentWindow.document.body.<?php echo $event;?> = function(){
            var id = '#dialog';
            //Get the screen height and width
            var maskHeight = $(document).height();
            var maskWidth = $(window).width();

            //Set heigth and width to mask to fill up the whole screen
            $('#mask').css({'width':maskWidth,'height':maskHeight});

            //transition effect
            $('#mask').fadeIn(500); 
            $('#mask').fadeTo("slow",0.9);  

            //Get the window height and width
            var winH = $(window).height();
            var winW = $(window).width();

            //Set the popup window to center
            $(id).css('top',  winH/2-$(id).height()/2);
            $(id).css('left', winW/2-$(id).width()/2);

            //transition effect
            $(id).fadeIn(2000); 
        };

 };
        //if close button is clicked
        $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();

        $('#mask').hide();
        $('.window').hide();
        });

        //if mask is clicked
        $('#mask').click(function () {
        //alert('ok');
        $(this).hide();
        $('.window').hide();
        });

Answer 1

It looks like a typo in your click handler declaration. There is a piece of php code that looks like it shouldn't be there.

document.querySelector("iframe").contentWindow.document.body.<?php echo $event;?>

Replace the code above with the actual name of the event you want to bind to. In this case the onclick event.

document.querySelector("iframe").contentWindow.document.body.onclick