javascript - 单击以获取附加的 html

Question

我有这样的 html:

<a class="link">text</a>
<div class="items"></div>

(function($) {

  var link = $('.link');
  link.click(function(){
    alert('it works!');
  });

  $('.items').each(function() {
    var items = $(this),
        item = $('<div>something inside</div>');

    items.append(item);
    item.click(link.click());
  });

})(jQuery);

我正在尝试为附加的 item 绑定(bind)一个 click 事件。因此，当我们点击 item 时，应该会启动 link。

但是我从 jQuery 内部某处收到错误 Uncaught TypeError: Object [object Object] has no method 'apply'。

怎么了？

Answer 1

您需要对动态添加的元素进行事件委托(delegate):

items.on('click', item, function(){
     link.click();
});

试听 fiddle :http://jsfiddle.net/qQLLL/