本文是关于jquery的相关知识教程,为大家解析jquery load js丢失的解决办法,大致内容如下:
1、在a.html的js脚本中,使用load加载全部b.html即可使b.html中的js脚本生效,代码如“$('selector').load('b.html',function(){......})”;
2、把a.html和b.html放在同一个文件夹 下,则css生效。
一招解决jquery load js丢失的问题
JQuery使用load方法加载外部div时,css,js无效的办法解析来了,问题描述如下:
一个html页面a.html的js脚本中,用$(‘selector’).load方法,加载另一个html页面b.html中内容,b.html中css、js都失效。
解决办法一
第一步:在a.html的js脚本中,使用load加载全部b.html,这样b.html中的js脚本便会生效,即:
$('selector').load('b.html',function(){
......
})
第二步:把 b.html 中的 css 链接,加入到 a.html 的<head>标签中,则css生效。
解决办法二
第一步(同上):在a.html的js脚本中,使用load加载全部b.html,这样b.html中的js脚本便会生效,即:
$('selector').load('b.html',function(){
......
})
第二步:把a.html和b.html 放在 同一个文件夹 下,则css生效。
要点:
a.html 和 b.html 在同一个文件夹下,直接load整个html,js便生效;css自动生效;
a.html 和 b.html 不在一个文件夹下,直接load整个html,js便生效;css链接在b.html中无效,要加到a.html中,才会生效。
以上就是jquery load js丢失的问题解决办法,翼速应用平台内有更多相关资讯,欢迎查阅!
我来说两句