Javascript 动态添加时未触发JQuery事件侦听器

当前正在尝试基于用户单击使用JQuery动态切换HTML文档中的内容

我有一个HTML文档和以下JQuery代码，它根据用户的单击动态切换

div

的内容：

$（函数（）{
$（“.uen”）。在（“单击”，搜索）；
});
函数backButton（）{
$（“.search form、.content wrapper.back”）.toggle（）；
$（“.uen>h3，.uen>p”）.toggle（）；
$（“.uen”）。在（“单击”，搜索）；
}
函数搜索（）{
$（“.uen>h3，.uen>p”）.toggle（）；
$（“.search form、.content wrapper.back”）.toggle（）；
$（“.uen”）.off（）；
$（“#返回”）。打开（“单击”，返回按钮）；
}

搜寻
上万

搜索
后退

换成

$(document).on("click", ".uen", uenSearch);

这篇文章讨论动态元素中的事件列表器更多：

---

最后几个字符中似乎有一个输入错误，将立即调用

uenSearch（）

。。。当事情发生的时候你错了。如果要使用“live”功能，它将在单击.uen时调用它。如果要使用“live”功能，请使用最接近的静态元素的选择器替换文档变量。使用文档进行此操作是错误的做法。

$（.uen”）。在（“单击”，“返回”，backButton）上；

可能是您需要的。我猜您没有阻止表单提交，表单提交会重新加载页面

$(document).on("click", ".uen", uenSearch);