如何将事件侦听器仅附加到新创建的元素？
提问于 2012-10-17 17:20:55
当我触发一个函数时，我希望它只将侦听器应用于我传递的元素，特别是this jQuery元素。
addEventListeners(this);
function addEventListeners(el) {
$(el).mouseenter(function() {
$(this).stop(true,true).switchClass("", "HIGHLIGHT", 400, "easeInOutQuad");
});
$(el).mouseleave(function() {
$(this).stop(true,true).switchClass("HIGHLIGHT", "", 400, "easeInOutQuad");
});
}它从AJAX结果中触发：
$.post(url,{el:wartosc_inputa},function(returned) {
var data = $(returned).hide();
$("#listaElementow").prepend(data);
data.slideDown();
loading();
addEventListeners(this);
});如何写好代码呢？这段代码没有将变量从addEventListeners(this);传递给函数。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-10-17 17:25:58
从成功处理程序的其余部分的上下文来看，我假设returned就是您试图将处理程序绑定到的DOM元素。假设是这样的话：
$.post(url,{el:wartosc_inputa},function(returned) {
var data = $(returned).hide();
$("#listaElementow").prepend(data);
data.slideDown();
loading();
addEventListeners(data[0]);
// change this ^^^^
// pass the DOM element here, or
// change the addEventListeners function to take a jquery element
});Stack Overflow用户
发布于 2012-10-17 17:27:23
在ajax回调函数中，"this“将是ajax对象，而不再是一个元素，因此您需要在ajax开始之前将"this”保存在一个变量中。
that = this;
$.post(url,{el:wartosc_inputa},function(returned) {
var data = $(returned).hide();
$("#listaElementow").prepend(data);
data.slideDown();
loading();
addEventListeners(that);
});Stack Overflow用户
发布于 2012-10-17 17:22:45
在这种情况下，this并不是您期望的那样。试试这个：
var self = this;
$.post(url,{el:wartosc_inputa},function(returned) {
var data = $(returned).hide();
$("#listaElementow").prepend(data);
data.slideDown();
loading();
addEventListeners(self);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12939831
复制相关文章
![int a； int* a； int** a； int (*a)[]； int (*a)(int)](https://ask.qcloudimg.com/http-save/yehe-7476560/e337bc6db3785981380ea5863640d813.png)
![2022-05-26：void add(int L, int R, int C)代表在arr[L...R]上每个数加C， int get(int L, int](https://ask.qcloudimg.com/http-save/7620466/af9f720bf06d27c895da4dd3f86717f2.png)
![Android逆向之旅---动态方式破解apk进阶篇(IDA调试so源码)[转]include <stdio.h>int func(int a, int b, int c, int d, int e,](https://ask.qcloudimg.com/http-save/yehe-2930595/skf0u46qcn.png)
点击加载更多
腾讯云开发者
