在jquery.html上运行函数添加元素（带小提琴）

Question

我使用jquery.html添加了一个元素，但我似乎无法在该元素上运行另一个函数？任何想法

Fiddle http://jsfiddle.net/0j50L4uo/1/

<a class="trigger">Cick here A</a>
<br/><br/>
<div id="test"></div>

$(".trigger").click(function() {
    alert( "click" );

});

$('#test').html('<a class="trigger">Click here B</a>');

Answer 1

click()函数不会侦听动态创建的元素。

使用on()函数（事件委托）将事件侦听器附加到动态添加的元素：

检查DEMO

$(document).on('click', '.trigger', function() { 
  // ... 
});