Javascript 加载到div后执行脚本

可能重复：

我有一个Page1.html页面，在这个页面中有一个div div1，它从另一个页面Page2 div1/2/3/4/5中的其他div获取内容。内容由jQuery加载脚本加载。根据选择框中的选择加载内容，因此在Page1加载完成后加载内容

问题: 当我从Page2中获得一些依赖于jQuery的内容时，这些元素不起作用。他们不会执行

我的问题是: 有没有办法让Page2中的一个完整的inload div成为加载时要执行的所有内容？现在，现有元素在加载时初始化，例如：函数initializeSlider{slider}

现在，我正试图根据jQuery添加更多的元素，请问初始化所有对象是否是执行所有这些脚本的正确方法，或者是否有任何方法可以一次执行所有jQuery元素，因此不需要逐个初始化所有对象

正在执行或初始化一个脚本： 如果在加载div时无法同时执行/初始化所有脚本。我正在尝试执行或初始化此脚本，但没有成功，我尝试了$document.readyfunction{并对其进行初始化，类似于滑块，但元素没有执行

$(document).ready(function() {
    $(".lil").click(function () {
      $(this).toggleClass("highlight");
    });
});

---

根据您正在初始化的内容；对于事件，请确保并使用：

使用：

---

您可以为该函数命名。类似于：

function toggleClasses(classToToggle) {
    $(classToToggle).click(function () {
        $(this).toggleClass("highlight");
    });
}

然后，您的主页可以有：

$(document).ready(function() {
    toggleClasses('.lil');
});

在从第2页加载的局部视图的底部，添加以下内容：

<script>
    toggleClasses('.partialViewClass');
</script>

这样，一旦部分视图完成加载，它将调用相同的函数

如果您所做的只是切换该类，那么您可能希望为辅助类添加一个参数，以区分部分视图中的元素与原始页面中的元素，这样，在加载部分视图时，原始页面中的元素就不会切换回来

---

因此，局部视图中的类需要突出显示类以及二次微分类class=lil partialViewClass。将该类作为参数传递给函数，以便每个类只切换它应该切换的内容。

搜索委派的事件处理程序。请停止问重复的问题。您应该编辑现有的任务不要问新的、重复的。嘿，这一个成功了！谢谢！你能解释一下吗？jquery click只绑定到那些在调用jquery ready函数之前已经加载的dom元素。要绑定通过ajax加载的dom元素，你必须使用on函数。只要确保在你的例子中父元素div1应该是在调用ready函数之前显示。因此，使用此解决方案，在加载Page1时加载元素？或者这是错误的？您不必太担心，这将对您有效。如果您没有父元素，则可以使用$document代替$Div1。但是，在加载Page1时还是在加载脚本从Page2加载内容时加载元素？$document解决方案对我不起作用，应该这样做吗？

$(document).ready(function() {
    toggleClasses('.lil');
});

<script>
    toggleClasses('.partialViewClass');
</script>