Jquery 获取.load函数以在加载的内容中工作

我的页面使用AJAX.load函数将div从单独的.html文件加载到我页面上的目标div中

以下是我的AJAX代码：

$(document).ready(function(){
$("#about2").click(function() {
 $("#content").load("content.html #about", function() {
 $.getScript("slides.js", function() {
 $(window).scrollTop(0);
 });
 });
});

$("#process2").click(function(){ 
    $("#content").load("content.html #process", function() {
    $(window).scrollTop(0);
    });
});

$("#materials2").click(function(){ 
    $("#content").load("content.html #materials", function() {
    $(window).scrollTop(0);
    });
});

$("#pricing2").click(function(){
    $("#content").load("content.html #pricing", function() {
    $.getScript("tabbedcontent.js", function() {
 $(window).scrollTop(0);
 });
 });
});

$("#radio2").click(function(){
    $("#content2").load("content.html #radiofriendly", function() {
    $(window).scrollTop(0);
    });
});
});

基本上，在我的content.html页面（我的AJAX从中获取内容的文件）中有。加载该内容中的链接，因此基本上，我的AJAX从我的content.html获取内容，然后将其放置在目标页面的content div中（例如print.html），但是我希望获取的内容中有某些链接，还可以激活加载功能，以当前加载内容的div为目标

网站是：

我的内容（从my content.html页面）中的锚定代码正在外部加载到我的content div中，我想更改div中当前的内容：

<a class="content-links" id="materials2" href="#materials">Materials</a>

抱歉，这太复杂了，但如果人们不理解我的意图，我可以尝试更好地解释

---

提前感谢您的帮助。

只有在激活相关JS代码时，所选元素出现在DOM树中时，才会执行jQuery中的事件绑定。因此，应该使用

.on（）

允许脚本将事件绑定到DOM树中新添加的元素

我假设，比如说

#process2

是动态加载到

#内容中的。正常的
.click（）
绑定事件将不起作用。但是，您可以将其更改为：

$(document).on('click', '#process2', function() {
    $("#content").load("content.html #process", function() {
        $(window).scrollTop(0);
    });
});

这称为事件冒泡，单击事件冒泡到
文档
。使用
.on（）
，我们告诉您的脚本在事件源于
#element2
时执行该函数谢谢，这已经创造了奇迹，另一个让您头疼的问题是，有没有办法使用.load函数将内容加载到div中并同时更改html页面？i、 e单击news.html上的链接，该链接将把div加载到print.html中的#content div中，并在加载目标内容的情况下将页面更改为print.html。从另一个html页面，我想对上述过程进行功能化（将另一个页面的内容加载到div中），但也要更改我当前所在的html页面。我认为最简单的方法是允许我的AJAX部分具有超链接功能（返回、刷新、热链接等功能），然后基本上使用整个链接。