使用ajax后,lazyload.js失效,怎么解决

JavaScript015

使用ajax后,lazyload.js失效,怎么解决,第1张

可以在每次ajax后都重新执行一下你的初始化代码,这样应该就可以了

$.ajax({

type: "POST",

url: "XXX",

data: "XXXX",

success: function(msg){

$("img.img-responsive").lazyload({

effect : "fadeIn",

threshold : 200

})

}

})

失效的原因是你仅在页面加载时对元素进行处理,但通过ajax加载的新元素没做处理。

如果你仅需要改变样式,可以在css中通过选择器来实现,如

.first:hover {

    color:red

}

如果你还需要对其进行其他处理,则需要在ajax的callback中对新加载的元素进行处理,如添加事件等

你的 描述 真是让人难以理解呀

你说有个a标签?在哪里?还是读出来的?

父页的js加入到上面的代码中?加入是啥意思?调用?

ajax读出来的数据就可以调用父页的js?数据怎么调用函数?完全看不懂你说的啥?

如果你能确认 有两个页面,而且是父子关系,那么用 window.parent.function() 就能调用了

不过你要确认是 一个页面嵌套了一个页面还是一个页面open了一个页面