javascript - jQuery 在动态创建的按钮上使用单击功能

Question

我在 jQuery 中有一个很大的“点击”函数，其中有很多这样的代码:

$(".Line1").click(function () {
    ...
}

我正在动态创建新按钮，这意味着“单击”功能不会触发。现在我知道我可以添加这样的函数以使其正常工作:

$("#myButton").on('click', function () {
    ...
});

问题是我在普通点击函数中的代码太长，所以我不能将其复制并粘贴到新函数中，这太困惑了。

有没有办法可以将其与旧的点击功能链接起来？或者你还能想到其他什么吗？

Answer 1

jQuery +1.7 .on()

$('body').on('click', '#myButton', function () {
    ...
});

其他版本 (+1.4.2) .delegate()

$('body').delegate('#myButton', 'click', function () {
    ...
});

更多信息:Event binding on dynamically created elements?