在jQuery中使用live的问题 - 未捕获的RangeError：超出了最大调用堆栈大小

Question

我有div动态填充paragraph tags（它们最初不存在）。我希望每个新动态添加的<p>在点击时执行某些操作 - 即附加一个点击事件。

我知道如何执行此操作的唯一方法是使用live和delegate。

$('div.fromSelected p').live('click', function () {
    $("&ltp>" + $(this).text().substr(3) + '&lt/p>').appendTo('.fromOptionList');
    //$(this).parent().remove();
    $("#auto_box").getNiceScroll().resize();
    $(this).remove();
    $("#auto_box2").getNiceScroll().resize();
});

但是，在动态添加的段落上调用click事件一段时间后，我收到以下错误：

未捕获RangeError：超出最大调用堆栈大小

什么会绕过这个问题？

Answer 1

请尝试使用.on：

$("div.fromSelected").on('click', 'p', function () {...