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中,才会生效。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值