Javascript 在任何地方生成Ajax输出

我试图将ajax请求输出到正文中的任何位置，但当我将目标类移动到其他父div时，它就不起作用了。如何将正确的元素作为目标，以便它可以在任何需要的地方显示输出

$（'.remotediv'）。单击（函数（事件）{
event.preventDefault（）；
var projectContainer=$（this）.closest（'.projects-wrapper1、.projects-wrapper2、.projects-wrapper3'）。children（'.ajax-container'）.attr（'data-container'）；
if（$（'.ajax容器[data container=“'+projectContainer+''“]）.hasClass（'open-container'））{
$（'.ajax container[data container=“'+projectContainer+'“]）.addClass（'closed-container'）；
$（'.ajax container[data container=“'+projectContainer+'“]）.removeClass（'open-container'）；
}
var fileID=$（this.attr（'data-project-file'）；
if（fileID！==null）{
$（'html，body'）。设置动画({
scrollTop:$（'.ajax容器[data container=“'+projectContainer+''“]）.offset（）.top-59
}, 500);
}
$（'.ajax容器[data container=“'+projectContainer+'“]）.load（fileID+”.project body），function（）{
$（'.ajax container[data container=“'+projectContainer+'“]）.addClass（'open-container'）；
$（'.close project'）。单击（函数（）{
$（'.ajax container'）.addClass（'closed-container'）；
$（'.ajax容器'）.removeClass（'open-container'）；
$（'html，body'）。设置动画({
scrollTop:$（“#图库滚动”）.offset（）.top-55
}, 500);
setTimeout（函数（）{
$（'.ajax容器'）.html（''）；
}, 1000);
});
});
});

装载量

Fiddle：（Fiddle不加载链接，但在单击加载内容时会显示response

---

我想让它显示我将

放在

正文

中的输出，以使您的代码更具可读性—类似这样

$（'.remotediv'）。单击（函数（事件）{
event.preventDefault（）；
var projectContainer=$（this）.closest（'.projects-wrapper'）.find（'.ajax-container'）.attr（'data-container'）；
var$container=$（'.ajax container[data container=“'+projectContainer+''“]）；
$container.toggleClass（'open-container-closed container'）；
var fileID=$（this.attr（'data-project-file'）；
if（fileID！==null）{
$（'html，body'）。设置动画({
scrollTop:$container.offset（）.top-59
}, 500);
}
$container.load（fileID+“.project body”）
});
$（'.ajax容器'）。在（'click'，'.close project'，function（）上{
var$parent=$（this）.closest（'.ajax容器'）；
$parent.toggleClass（'closed-container-open container'）；
$（'html，body'）。设置动画({
scrollTop:$（“#图库滚动”）.offset（）.top-55
}, 500);
setTimeout（函数（）{
$parent.html（“”）；//为什么为空？？？
}, 1000);
});

然后提取ajax容器，这样我们只有一个容器，并给它一个ID

$（'.remotediv'）。单击（函数（事件）{
event.preventDefault（）；
var$container=$（“#ajax container”）；
$container.toggleClass（'open-container-closed container'）；
var fileID=$（this.attr（'data-project-file'）；
if（fileID！==null）{
$（'html，body'）。设置动画({
scrollTop:$container.offset（）.top-59
}, 500);
}
$container.load（fileID+“.project body”）
});
$（'ajax容器'）。在（'click'，'close project'，function（）上{
var$parent=$（this）.closest（'div'）；
$parent.toggleClass（'closed-container-open container'）；
$（'html，body'）。设置动画({
scrollTop:$（“#图库滚动”）.offset（）.top-55
}, 500);
setTimeout（函数（）{
$parent.html（“”）；//为什么为空？？？
}, 1000);
});

首先，让您的代码更具可读性—类似这样

$（'.remotediv'）。单击（函数（事件）{
event.preventDefault（）；
var projectContainer=$（this）.closest（'.projects-wrapper'）.find（'.ajax-container'）.attr（'data-container'）；
var$container=$（'.ajax container[data container=“'+projectContainer+''“]）；
$container.toggleClass（'open-container-closed container'）；
var fileID=$（this.attr（'data-project-file'）；
if（fileID！==null）{
$（'html，body'）。设置动画({
scrollTop:$container.offset（）.top-59
}, 500);
}
$container.load（fileID+“.project body”）
});
$（'.ajax容器'）。在（'click'，'.close project'，function（）上{
var$parent=$（this）.closest（'.ajax容器'）；
$parent.toggleClass（'closed-container-open container'）；
$（'html，body'）。设置动画({
scrollTop:$（“#图库滚动”）.offset（）.top-55
}, 500);
setTimeout（函数（）{
$parent.html（“”）；//为什么为空？？？
}, 1000);
});

然后提取ajax容器，这样我们只有一个容器，并给它一个ID

$（'.remotediv'）。单击（函数（事件）{
event.preventDefault（）；
var$container=$（“#ajax container”）；
$container.toggleClass（'open-container-closed container'）；
var fileID=$（this.attr（'data-project-file'）；
if（fileID！==null）{
$（'html，body'）。设置动画({
scrollTop:$container.offset（）.top-59
}, 500);
}
$container.load（fileID+“.project body”）
});
$（'ajax容器'）。在（'click'，'close project'，function（）上{
var$parent=$（this）.closest（'div'）；
$parent.toggleClass（'closed-container-open container'）；
$（'html，body'）。设置动画({
scrollTop:$（“#图库滚动”）.offset（）.top-55
}, 500);
setTimeout（函数（）{
$parent.html（“”）；//为什么为空？？？
}, 1000);
});

您希望从这个ajax调用中得到什么？这个ajax调用是否成功返回了它的内容？请缓存对象，无需jQuery（）除非你有conflicts@Andam是的，这个ajax调用返回请求成功，但问题是它只在父和子div中工作。我正在尝试这样做，以便它可以在放置ajax容器的任何位置显示输出。所以不要使用最近的。给它一个ID，你希望从这个ajax调用中得到什么？和此ajax调用是否成功返回其内容？请缓存对象，无需jQuery（）un