平武建站

jQuery应用load()方法后js失效的问题分析与解决-创新互联

load()方法算是最简单的ajax了，非常方便，不过也有一些难以理解的地方。

创新互联公司主要从事成都网站制作、成都网站设计、外贸营销网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务巫溪,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792

比如不久前我出现了这样一个问题：

我的代码高亮是用pretty，它的特点是不破坏源代码，用js动态使代码着色，在载入正文后使用prettyPrint()函数使代码高亮生效。

我在另一个页面使用jQuery中的load()方法载入此页面的正文，但是代码区的高亮消失了，也就是说js代码未运行。这是可以理解的，因为load()方法并未运行原网页，而是将其当做数据传输，js根本未启动。

但是我在后面又加上prettyPrint()也依然没效果，再查看源代码才发现一个重要的问题：load()方法并未改变源代码，根本看不到我们load过来的正文内容。

我又使用find().is()来查找代码区的

标签也显示没有。一段不存在的内容，应用prettyPrint()当然没效果了。
那么，load过来的内容到底去哪儿了呢？它真的不存在于任何地方吗？
不是这样的。后来我想到了曾看过的一个load()方法的教程里，讲的callback，这个以前我以为是针对load状态进行的反应，比如如果load失败可以通过这个显示一个什么之类的。现在记起来了，当时那个教程里不是将load过来的内容淡入展现吗？
这应该就是问题的关键了，于是我将prettyPrint()放入callback中，果然代码高亮出现了。
于是我知道了，load()方法里的内容的生命周期只在这个load方法之内，过了就再也找不到了！要给其中的内容应用js，需要统统放到callback里！
具体代码如下：
  1. $XX.load(url,function
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
                

                文章名称：jQuery应用load()方法后js失效的问题分析与解决-创新互联                

                网站地址：http://pwwzsj.com/article/codhog.html

其他资讯