jquery внутри javascript функция не работает

Question

Я пытаюсь использовать код jquery внутри javascript-функции, но он не работает, внутри javascript-функции есть код jquery, который должен открыть всплывающее окно. щелкать IFrame

Работа

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

     }; 
</script> 

не работает код

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

Это выглядит как опечатка в вашем объявлении обработчика щелчка. Существует часть php-кода, который выглядит так, как будто этого не должно быть.

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

Замените приведенный выше код фактическим названием события, к которому вы хотите привязать. В этом случае событие onclick.

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