jQ .load定时刷新当前页以及随后的事件丢失的解决

最新推荐文章于 2020-06-19 09:40:16 发布

cominglately

最新推荐文章于 2020-06-19 09:40:16 发布

阅读量817

点赞数

分类专栏： web 文章标签： php jQ

本文链接：https://blog.csdn.net/cominglately/article/details/74315882

版权

135 篇文章 1 订阅

订阅专栏

参考文档 http://www.css88.com/jqapi-1.9/on/

第一部定时刷新局部的数据:

刷新当前的页面,

$(document).ready(function () {
    setInterval(function() {
        $("#show").load(location.href+" #show>*","");
    }, 10000);
});

备注:

每个10s刷新id为show内部的数据

第二部解决被替换的部分的事件丢失的问题:

原因:

原来的触发机制是 $('button .class_select').on('click',function(){})

.load方法执行过后可以触发事件的对象已经不是原来的那个了(对象丢失) 导致事件没有办法触发

解决:

使用 on 方法的另外一种写法祖代选择器触发on

＄(祖代选择器).on(事件，出发事件的后代选择器,function(){})

备注: 这个祖代选择器必须是没有变动的(没有.load处理过的)

关注