Javascript .on（'；悬停'；）赢得'；不能处理附加元素

我正在使用一个按钮将一些文本附加到div上，并且希望当您将鼠标悬停在div上时（在附加文本之后）会发生一些事情。我尝试在（'hover'.class'）上使用

.on

，但到目前为止还无法使其工作。任何帮助都将不胜感激

下面是我所说的一个例子（我希望当你在

上单击我时发生一些事情！

）

var text=“你点击了我”
$（“.button”）。单击（函数（）{
$（“.receiver”）.append（“”+text+“”）；
});
$（'.receiver'）.on（'hover'，'.appendeage'，function（）{
$（“.tooltip”）.append（“”+text+“”）；
});
.receiver{
高度：300px；
边框：1px纯黑；
}
.工具提示{
高度：300px；
边框：1px纯黑；
}

点击我
使用
鼠标悬停
或
鼠标悬停
而不是
悬停
<代码>.on（'hover'）

在jQuery 1.8中被弃用，并在1.9中被删除

$('.receiver').on('mouseover', ...

jQuery 1.8中已弃用，1.9中已删除：名称“hover”用作字符串“mouseenter mouseleave”的缩写。它为这两个事件附加一个事件处理程序，处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要将“hover”伪事件名与接受一个或两个函数的.hover（）方法混淆

---

使用

mouseover

或

mouseenter

代替

悬停

<代码>.on（'hover'）在jQuery 1.8中被弃用，并在1.9中被删除

$('.receiver').on('mouseover', ...

jQuery 1.8中已弃用，1.9中已删除：名称“hover”用作字符串“mouseenter mouseleave”的缩写。它为这两个事件附加一个事件处理程序，处理程序必须检查event.type以确定事件是mouseenter还是mouseleave。不要将“hover”伪事件名与接受一个或两个函数的.hover（）方法混淆

---

'hover'

伪事件已经过时，并且自jQuery 1.9以来已被删除。使用

'mouseenter mouseleave'

代替，或者最好只使用

'mouseenter'

摘录自： 在jQuery 1.8中不推荐使用，在1.9中删除：名称

“hover”

用作字符串

“mouseenter mouseleave”

的缩写。它为这两个事件附加一个事件处理程序，处理程序必须检查

event。键入

以确定事件是

mouseenter

还是

mouseleave

。不要将“hover”伪事件名称与接受一个或两个函数的

.hover（）

方法混淆

工作示例：

var text=“你点击了我”
$（“.button”）。单击（函数（）{
$（“.receiver”）.append（“”+text+“”）；
});
$（'.receiver'）.on（'mouseenter mouseleave'，'.appendage'，function（）{
$（“.tooltip”）.append（“”+text+“”）；
});
.receiver{
高度：300px；
边框：1px纯黑；
}
.工具提示{
高度：300px；
边框：1px纯黑；
}

点击我
自jQuery 1.9以来，
'hover'
伪事件已过时并已删除。使用
'mouseenter mouseleave'
代替，或者最好只使用
'mouseenter'

摘录自：
在jQuery 1.8中不推荐使用，在1.9中删除：名称
“hover”
用作字符串
“mouseenter mouseleave”
的缩写。它为这两个事件附加一个事件处理程序，处理程序必须检查
event。键入
以确定事件是
mouseenter
还是
mouseleave
。不要将“hover”伪事件名称与接受一个或两个函数的
.hover（）
方法混淆

工作示例：

var text=“你点击了我”
$（“.button”）。单击（函数（）{
$（“.receiver”）.append（“”+text+“”）；
});
$（'.receiver'）.on（'mouseenter mouseleave'，'.appendage'，function（）{
$（“.tooltip”）.append（“”+text+“”）；
});
.receiver{
高度：300px；
边框：1px纯黑；
}
.工具提示{
高度：300px；
边框：1px纯黑；
}

点击我

var text=“你点击了我”
$（“.button”）。单击（函数（）{
$（“.receiver”）.append（“”+text+“”）；
});
$（'.receiver'）.on（'mouseenter'，'.appendage'，function（）{
$（“.tooltip”）.append（“”+text+“”）；
});
.receiver{
高度：300px；
边框：1px纯黑；
}
.工具提示{
高度：300px；
边框：1px纯黑；
}

点击我

var text=“你点击了我”
$（“.button”）。单击（函数（）{
$（“.receiver”）.append（“”+text+“”）；
});
$（'.receiver'）.on（'mouseenter'，'.appendage'，function（）{
$（“.tooltip”）.append（“”+text+“”）；
});
.receiver{
高度：300px；
边框：1px纯黑；
}
.工具提示{
高度：300px；
边框：1px纯黑；
}

点击我