2023jquery load js丢失怎么办

 所属分类:web前端开发

 浏览:216次-  评论: 0次-  更新时间:2023-02-22
描述:更多教程资料进入php教程获得。 jquery load js丢失的解决办法:1、在a.html的js脚本中,使用load加载全部b.html即可使b.html中的js脚本...
更多教程资料进入php教程获得。

jquery load js丢失的解决办法:1、在a.html的js脚本中,使用load加载全部b.html即可使b.html中的js脚本生效,代码如“$('selector').load('b.html',function(){......})”;2、把a.html和b.html放在同一个文件夹 下,则css生效。

本教程操作环境:Windows10系统、jquery3.2.1版、DELL G3电脑

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视频教程》

以上就是jquery load js丢失怎么办的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: jquery,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!