jQueryを使用して委任されたイベントを手動でトリガーするにはどうすればよいですか？

Question

委任されたイベントハンドラを手動でトリガするjQueryの方法はありますか？

テイク次のコード例：

<div class="container"> 
    <input type="button" value="Hello"> 
    <span class="output"></span> 
</div> 
​ 
<script> 
    $('.container') 
    .on('click', '[type=button]', function(e) { 
     $(e.delegateTarget).find('.output').text($(this).val()); 
    }) 
    .find('[type=button]').triggerHandler('click');​ 
</script> 

（オンライン：http://jsfiddle.net/TcHBE/）

私は、これがうまくいくことを期待していた、とテキスト「こんにちは」、実際にボタンをクリックせずにスパンに表示されますが、それはしません。

.ouput要素は、.containerの中のいくつかの場所以外のボタンとは関係がないため、ハンドラ内でe.delegateTargetを使用しています。そのため、私は委任イベントハンドラを最初に使用しています。

更新：イベントは、私が引き金にしたくない実際のコードでデフォルトの動作を持っているので、

また、私は、triggerHandlerを使用しています。 （実際のコードでは、イベントはのカスタムイベントhideですが、実際にはページのロード時にイベントハンドラをトリガするときにモーダルを非表示にしたくありません）。

ハンドラを名前付き関数に抽出して直接呼び出すことができますが、e.delegateTargetを使用すると、how構造が複雑になります。

Answer 1

イベントオブジェクトを手動で作成し、それに応じてtargetプロパティを設定して、jQueryをトリックしてイベントがバブリングされたと考えるようにすることができます。 .on()方法で

var c = $('#container'); 

c.on('click', '[type=button]', function(e) { 
    $(e.delegateTarget).find('span').text($(this).val()); 
}); 

var event = jQuery.Event('click'); 
event.target = c.find('[type=button]')[0]; 

c.trigger(event); 

http://jsfiddle.net/PCLFx/

Answer 2

セレクタはオプションです。
あなたが書く：

$('.container') 
    .on('click', '[type=button]', function(e) { 
     $(e.delegateTarget).find('.output').text($(this).val()); 
    }) 
    .find('[type=button]').triggerHandler('click');​ 

あなたが唯一のコンテナ内のボタンのクリックを聞くためにイベントハンドラを言っています。
$(e.delegateTarget)は、外部コンテナへの参照に過ぎません。

your fiddle to echo thisを更新しました。

これは引用from the API:

セレクタが設けられている場合、イベント・ハンドラが委任 と呼ばれています。イベントが直接バインドされた要素の に発生したときにはハンドラは呼び出されませんが、 がセレクタに一致する子孫（内部要素）に対してのみハンドラが呼び出されます。 jQueryは、イベントターゲットからイベントターゲット までのイベントを、ハンドラがアタッチされている要素（すなわち、最も内側の要素の の最も内側）に吹き込み、セレクタに一致する パスに沿った任意の要素のハンドラを実行します。