セレクタをjQueryの別のものと同じように動作させる

Question

on_click_behaviourという機能をクリックするとid="original"要素のセレクタがあり、すべての動作またはクリックを模倣/継承するために別のセレクタid="other"が必要です。

は、どのように私は私がotherセレクタをクリックすると、それは同様on_click_behaviourをトリガするようにotherセレクタがoriginalからのすべての機能を継承することができますか？

// can not touch this code as it's core 
 
$("#original").click(function() { 
 
    on_click_behaviour(); 
 
});

<div id="original">close window</div> 
 

 
<div id="other">close same window</div>

私はこのような何かを探しています：

$("#other").inherit_behaviours_from("#original"); 

Answer 1

あなたはちょうどあなたが「オリジナル」の要素をクリックしたときに起こると、それは「オリジナル」と「他の間で異なっているすべての変数を必要としない機能を使用する必要がある場合このソリューションを使用することができます。 それほどよく見えませんが、うまくいきます。自分の名前の文字 -

$("#other").click(function() { 
 
    $("#original").click(); 
 
});

Answer 2

あなたはひどくあなたの用語をmuddlingています。

• セレクタは
• セレクタが
• 継承がここ
• には適用されませんイベントをトリガすることはできませんあなたは、セレクタをクリックすることができないページ上の0以上の要素にマッチ文字列ある

あなたがやっていることは、セレクタを使って要素を見つけ出し、その要素とのやりとりによって引き起こされるイベントに関数をバインドすることです。

を実行しようとすると、を実行しようとすると、同じ動作が2番目の要素にバインドされます。

追加の要素に同じハンドラを追加するには、最初の要素に加えて2番目の要素を選択するだけです。あなたは、カンマで区切られた2つのセレクタを、追加することによってそれを行うことができます。

$('#original, #other').click(function() { 
    behavior(); 
}) 

これはid="original"を持つ要素とid="other"を持つ要素を選択し、それらの両方に同じclick -handling機能をバインドします。

Answer 3

.trigger()を使用すると、clickイベントをディスパッチして#originalに割り当て、ハンドラをハンドラclickイベントに割り当てて呼び出すことができます。

function on_click_behaviour() { 
 
    console.log("clicked") 
 
} 
 

 
// can not touch this code 
 
$("#original").click(function() { 
 
    on_click_behaviour(); 
 
}); 
 

 
$("#other").click(function() { 
 
    $("#original").trigger("click"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="original">close window</div> 
 

 
<div id="other">close same window</div>

あなたが代わり$._data()を使用して#original"DOM要素にアタッチイベントハンドラを取得することができ、その後、#otherに#originalに割り当てられたハンドラをアタッチ。

function on_click_behaviour() { 
 
    console.log("clicked") 
 
} 
 

 
// can not touch this code 
 
$("#original").click(function() { 
 
    on_click_behaviour(); 
 
}); 
 

 
var originalHandler = $._data($("#original")[0]).events.click[0].handler; 
 

 
$("#other").on("click", originalHandler);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="original">close window</div> 
 

 
<div id="other">close same window</div>