在jQuery中，如何向已经绑定的元素添加代码

Question

我有一个元素(例如$('#elm'))，它在源代码中有一个绑定。

如$('#elm').on('touchstart', function(){ /* do stuff */ });

现在我正在向页面添加更多代码，我想为元素的绑定添加新功能，而不删除以前的do stuff代码。

如何添加代码到#elm touchstart绑定?

Answer 1

$('#elm').on('touchstart', function () { /* do stuff */ });
$('#elm').on('touchstart', function () { /* do other stuff */ });

Answer 2

一个元素可以附加多个处理程序，这完全没问题。它们将按照附加的顺序执行。

$("#elm").on("touchstart", function() { /* new stuff */ });

使用click的例子:

$("#elm").on("click", function() {
  console.log("The first handler");
});
$("#elm").on("click", function() {
  console.log("The second handler");
});

<div id="elm">Click me</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>