関数名を渡してイベントハンドラで使用する

Question

関数Yの引数に関数名（X）を渡し、関数Yに関数Xを発生させるイベントハンドラを作成させます。

私は次のことを作成するためにYを機能します：

$('#form').submit(function(e){e.preventDefault();X();}); 

私が試した：

var name="X()"; 
X(name); 

function Y(id){ 
    $('#element').submit(function(e){e.preventDefault();id;}); 
} 

これ、予想通り、動作しません。しかし、（1）私のやり方でやっても、（2）全体のX関数wholus-bolusをYに渡すこともできますか？

ありがとうございました。

Answer 1

here's a demo if you feel doubtful skeptical (sounds better) :D

//create x 
function x(){ 
    alert('im from x'); 
} 

//create y that receives the function 
function y(callback){ 

    //bind your handler which calls callback (which was x) 
    $('element').submit(function(){ 
     callback(); 
    }); 
} 

//call y that sends over a reference of x 
y(x); 

Answer 2

あなたのXのオブジェクトは、機能ではなく、文字列でなければなりません。

function X() { /*code*/ } 

Xの末尾にfalseを返すことで、デフォルトのアクションを防ぐことができます。

function X() { 
    /*code*/ 
    return false; 
} 

そして、あなたはこのような別の関数内で使用することができます：

function Y(callback){ 
    $('#element').submit(callback); 
} 
Y(X); 

の