Question

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

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

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

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

Answer 1

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

所以只是

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

Answer 2

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

根据需要使用尽可能多的事件处理程序。

在jQuery中，如何将代码添加到已绑定的元素中？

2 个答案: