jQuery在动态创建的按钮上使用click功能

Question

我在jQuery中有一个很大的“点击”功能，有很多这样的代码：

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

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

$("#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?

Answer 2

您可以触发第一次点击

$(".Line1").click()

或者更好地将您的大段代码移动到一个函数中，以便您可以从第二次单击运行它。