在jQuery load（）之后，jQuery单击处理程序不起作用

Question

我在DIV元素的HTML页面上编写了一个单击功能。但是在使用jQuery load（）之后，DIV元素的单击函数不起作用。例如：

$(".about .visible").click(function () {
$("form").toggleSlide();
});

<div class="mypro"> 
<div class="about">
<div class="visible"></div>
here is my text
</div>
</div>

如果我使用：

$(".mypro").load("get.php");

实际上这是原始代码：

$('.cv-right .cv-right-content .about').on({
mouseenter: function (a) {
     $(this).find('.about .visible').show();
},
mouseleave: function (a) {
    $(this).find('.about .visible').hide();
}

});

然后，.about .visible点击的jQuery代码将无效。我该如何解决这个问题？

Answer 1

您应该委派事件来处理动态元素：

$(".mypro").on("click", ".about .visible", function () {
    $("form").toggleSlide();
});