jquery .load()函数只在第一次工作

所以我有一个网站,我正在使用jQuery和jQuery UI作为个人网站

以前我一直在使用隐藏的HTML代码,只是使用jquery来显示它。 但它使我的html文件凌乱,所以我想使用jquery的.load()来做同样的事情,但是从外部文件。

现在,它设置为.clickfunction。

对于我隐藏的html,每次单击特定元素时都会显示它。当您单击其他元素时。 它隐藏了第一个。 我正在做一个有2个class级的div。 问题是,当我尝试将html加载到隐藏的div中,然后显示并隐藏它时,它只在第一次工作。

够了,这是我的代码。 #1有效,#2仅适用于第一次点击。 并且每次都留下imagearea空白。

$(".jquery").click(function(){ clearImageArea(); hideThumbnails(5); showThumbnails(); $("#1").click(function(){ $(".imagearea").html(js); $(".jscode").show(1000); $(".title").text("Extending jQuery"); }); $("#2").click(function(){ $(".jquery2").empty(); $(".jquery2").load("jqueryEx.html"); var jquery2 = $(".jquery2"); $(".imagearea").html(jquery2); $(".jquery2").show(1000); $(".title").text("Extending Jquery Example"); }); }); 

现在我隐藏的东西在我的html文件中

首先我的html和js代码从jqueryEx.html加载到这里,并通过$(".hidden").hide();在我的javascript中的其他地方.hide $(".hidden").hide(); 然后通过.html()加载到imagearea中并通过.show()

   

我的另一个div看起来像是通过点击#1放入imagearea

  

//很多js代码转义为html

  

在我的JS代码的其他地方,我有var js=$(".jscode"); 将它加载到您之前看到的js变量中。

如果你想看到我工作的过时的例子,请访问www.3realsoft.com(只有cs和js工作技能)

如果你想查看我的代码的任何其他部分,请问。 其中大部分都在我的网站上。

我在搜索结果中得到了这个项目,当我试图让一个按钮加载并刷新内容时 ,加载工作但是刷新不起作用。

这是解决方案的较短版本, 将Cache设置为false是关键。 在这个其他链接找到解决方案,但我在这里发布这个概念,因为如果谷歌把我放在这个项目中,其他寻找相同的人也可能会发现自己在这里。 John Millikin的道具,请务必回答他的回答并向他投票: 停止缓存jQuery .load响应

  

任何依赖于正在加载的HTML的东西必须在回调函数中完成,因为AJAX中的第一个A代表异步

 $("#2").click(function(){ $(".jquery2").empty(); $(".jquery2").load("jqueryEx.html", function() { var jquery2 = $(".jquery2"); $(".imagearea").html(jquery2); $(".jquery2").show(1000); $(".title").text("Extending Jquery Example"); }); }); 

我不确定你要用.html(jquery2)做什么,因为.html()的参数应该是一个字符串,而不是一个jQuery对象。 也许你的意思是:

 var jquery2 = $(".jquery2").html(); 
Interesting Posts