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

構文部分については、関数の呼び出し方法が間違っているため、括弧なしで呼び出してください。

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

Answer 3

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

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