jquery - 需要帮助找出错误是什么，它是 jQuery 代码

Question

我正在尝试使用 jQuery 和 CSS 为消息制作类似灯箱的东西，但它不起作用！！！这是jQuery代码

$(document).ready(function(e) {

    function myFunction(){
        $("#overLay").hide();
        $("#x").hide();
        $("#message").hide();
    }

    $("#overLay").click( myFunction() );
    $("#x").click( myFunction() );

});

Answer 1

function myFunction(){
    $("#overLay").hide();
    $("#x").hide();
    $("#message").hide();
}
$(function(){ //run after page is loaded
   $("#overLay").click(myFunction);
   $("#x").click(myFunction);
});

Answer 2

function myFunction(){
 $("#overLay").hide();
 $("#x").hide();
 $("#message").hide();
}

$(document).ready(function() {
 $("#overLay").click( function(){
  myFunction(); 
 });
 $("#x").click( function(){
  myFunction();
 } );
});

Answer 3

至于语法部分，您调用函数的方式是错误的，请在没有括号的情况下调用它们

$("#overLay").click( myFunction );
$("#x").click( myFunction );