JQuery/JavaScript赢得';无法在AJAX脚本中工作

JQuery/JavaScript赢得';无法在AJAX脚本中工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,我的页面使用一个AJAX脚本,它可以从一个单独的HTML页面“content.HTML”将内容动态加载到我的content DIV中 然而,我一次又一次面临的问题是,如果内容包含任何形式的脚本,例如我的slideshow JQuery插件或我的dynamic tabs插件,那么它根本无法工作 我的网站是: 如果您注意到该页面上的图像幻灯片和文本下方的选项卡,那么它们就是JQuery的示例,当通过我的AJAX脚本加载到该内容DIV中时,它们将无法工作。如果您单击左侧导航栏上的“About”,您会

我的页面使用一个AJAX脚本,它可以从一个单独的HTML页面“content.HTML”将内容动态加载到我的content DIV中

然而,我一次又一次面临的问题是,如果内容包含任何形式的脚本,例如我的slideshow JQuery插件或我的dynamic tabs插件,那么它根本无法工作

我的网站是:

如果您注意到该页面上的图像幻灯片和文本下方的选项卡,那么它们就是JQuery的示例,当通过我的AJAX脚本加载到该内容DIV中时,它们将无法工作。如果您单击左侧导航栏上的“About”,您会注意到图像幻灯片显示不成样子,代码存在以便加载,但由于某些原因,AJAX和任何其他代码的组合都不想工作

例如,我的AJAX代码是:

    $(document).ready(function(){
  $("#about2").click(function(){
    $("#content").load("content.html #about");
});

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

});
然后在我的“#about”DIV in“content.html”中,我有我的幻灯片代码,它是:

<div id="about">

<div id="slides">
<img src="images/inkedup1slide.jpg">
<img src="images/catwalk2slide.jpg">
<img src="images/teatslide.jpg">
<img src="images/infiniteslide.jpg">
<img src="images/cc2slide.jpg">
</div>
</div>
再加上整个插件脚本,这似乎是徒劳的复制到这里,因为它是巨大的,是一个完全工作的插件

有人能帮我吗?它快把我逼疯了

谢谢,祝你一切顺利, Alex

您的代码

$("#content").load("content.html #about");
与中的“脚本执行”部分中的示例类似

使用不带后缀选择器表达式的URL调用
.load()
时,在删除脚本之前,内容将传递到
.html()
。这将在脚本块被丢弃之前执行它们。但是,如果调用
.load()
,并将选择器表达式附加到URL,则脚本将在更新DOM之前剥离,因此不会执行。两种情况的示例如下所示:

在以下情况下,加载到
#b
的文档中的脚本块将被剥离,并且不会执行

$(“#b”).load(“article.html#target”)


您可以尝试在
.load()
回调函数中使用。这将确保在加载和执行脚本之前加载新的HTML

$("#content").load("content.html #about", function() {
    $.getScript("myJavaScript.js");
});

不太确定这意味着什么,但谢谢。谢谢,标题改变了。不要只是在这里转储链接。。。那么,在你修复网站之后,这个问题对未来的读者来说绝对是无用的。您也不能指望我们认真地研究您的代码。也许这样做会有所帮助:仔细阅读本页的“脚本执行”部分:~此外,该部分正上方是“……浏览器通常会从文档中筛选元素,如
元素。因此,
.load()检索到的元素
可能与通过浏览器直接检索文档的情况不完全相同。“似乎会对AJAX造成错误。加载到不再加载的位置:$(文档)。准备好(函数(){$(“#about2”)。单击(函数(){$(“#content”).load(“content.html#about”,函数(){$.getScript(“slides.js”)});@user3494604,您的错误控制台告诉您什么?(看起来您粘贴到上面评论中的版本中缺少了各种右括号。)是的,缺少右括号,问题解决了,您的答案非常有效,谢谢。
$("#content").load("content.html #about", function() {
    $.getScript("myJavaScript.js");
});