jquery - 点击一个按钮触发另一个按钮的点击事件

Question

我想点击按钮2来触发按钮1的点击事件。

但是，当我尝试以下操作时，单击 #2 时没有任何反应:#1 或 #2 没有警报。

HTML:

<div id="container">
<button id="button-1">Button 1</button>
<button id="button-2">Button 2</button>
</div>

JS:

$('#container').on( "click", '#button-1', function(e){
    alert('CLICKED 1');
});
$('#container').on( "click", '#button-2', function(e){
    $('#button-1').trigger(e);
    alert('CLICKED 2');
});

<强> http://jsfiddle.net/8RnBf/7/

此外，如果我将 #2 警报放在触发器之前，我最终会陷入无限循环。

<强> http://jsfiddle.net/8RnBf/6/

为什么这没有按预期工作？

<小时/>

更新:

我应该说清楚:原始事件必须通过。本质上，我们正在尝试做已经做过的事情 here ，但具有委托(delegate)事件

Answer 1

使用

$('#button-1').trigger('click');

或

$('#button-1').trigger(e.type);

http://jsfiddle.net/8RnBf/17/

而不是

$('#button-1').trigger(e);

JSFIDDLE DEMO

了解 jquery .trigger() here