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

我想点击按钮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/

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

UPDATE:

我应该说清楚：原来的事件必须通过。本质上，我们正在尝试做已经做过的事情here，但对于委托事件

Use

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

or

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

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

代替

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

JSFiddle演示

了解 jquery.trigger() 在这里