Javascript 重新加载div后jQuery不工作

也许有人能帮我解决以下问题。 问题是，我正在尝试添加新相册（使用jQuery），在添加之后-为了显示新相册，我正在使用jQuery.load函数重新加载DIV

$($classid).load('..')

一切都很好，除了重新加载后，文件夹悬停（带有按钮的栏出现-删除，等等，悬停）等功能不起作用。 看起来在重新加载DIV之后jquery被禁用了，需要再次调用它来运行所有函数

我尝试添加此代码

<script>
            $.getScript("/data/sys.js" ); // item hovering functions styling etc..
            $.getScript("/data/late.js" ); //for button clicks 
</script>

$.getScript（“/data/sys.js”）；//项目悬停功能、样式等。。
$.getScript（“/data/late.js”）//点击按钮

在重新加载DIV的内容时。。 一切都很好，除了我在下一张相册中添加新相册时，添加相册会增加文件夹计数。。因此，当我添加一个时，会显示一个，在下一次单击时，会显示两个新文件夹。。 我已经试了很多次了，但我不知道如何阻止这一切，或者用不同的方式去做。。 下面是负责添加新文件夹的late.js文件。。

---

提前感谢。

在下面添加此代码是否有任何区别，因为在一切就绪之前页面不会加载

$(document).ready(function(){

});

尝试：

---

现在需要调用函数loadSelectors（）两次。首先是文档加载，第二个是div创建的地方，这是因为当您将事件处理程序附加到

div

，然后替换它们时，会丢失所有事件绑定

您需要的是通过它们的父容器元素来附加事件处理程序，不管是否重新加载，它都会保留在页面上。我想它可能就是您在代码中称为

$classid

的那个

在这种情况下，仅在页面dom就绪事件中以这种方式附加事件处理程序一次：

$(document).ready(function(){

    $($classid).on("hover", "yourSelectorHere", function() {
       ... your code to handle event
    })

    $($classid).on("click", "yourSelectorHere", function() {
       ... your code to handle event
    })

    ...
})

---

坏主意。这仅在加载页面时有效，而在重新加载div时无效。它将不起作用。我想我们要确保有

$（$classid）

元素可以将

附加到它上，不？对不起。你完全正确。我忘记了您仍然需要根元素来附加绑定。我正在删除我的愚蠢评论；）
$(document).ready(function(){

    $($classid).on("hover", "yourSelectorHere", function() {
       ... your code to handle event
    })

    $($classid).on("click", "yourSelectorHere", function() {
       ... your code to handle event
    })

    ...
})