JQ load 引入JS不生效

本文介绍了使用JQload加载页面的基本方法,并探讨了如何解决因浏览器缓存导致的内容更新延迟问题。此外还讨论了加载后DOM元素创建及JS执行的相关问题,包括事件绑定和页面方法的回调执行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JQ load引入一个页面

$("#xxx").load("xxx.html);

当该引入的页面修改内容,放到发布环境,有些数据不及时更新可以通过后面跟版本去清除浏览器缓存问题(版本号要随着一次次发布变更,可以统一单位方便统一替换)

$("#xx").load("xxx.html?v=000000")

引入后页面通过JS/JQ创建的dom去实现某些操作无效原因

1.创建的DOM是未来元素,单一的点击事件是无法触发的,需要重新书写方法

//ss 为未来元素的父级, xxx是触发方法的dom
$("#ss").on("click","#xxx",function(){
      //需要执行的东西
})

2.如果是通过JS去获取某些文本,然后替换到页面上,可能会出现JS的方法虽然写在页面内,但是当该页面被load引入后,却没有去执行JS,那么可以通过 load(...html, fun(){} ) 进行回调,手动调用该页面的方法去执行JS

$('#xx').load(xxx.html, function(){
    //...html页面中ajax方法执行
    ajax();
})



 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值