我从FAQ模块中获取js,其中节点被加载折叠," faq-answer ... collapsable折叠"切换时#fa; -qq-answer ...可折叠("折叠"消失)。
我怀疑由于 .collapsed包含&display; none;' ,因此不会触发图片的延迟加载脚本。
因此,我尝试在切换任何常见问题后执行该脚本lazy.js 但无法使其正常工作。
A)在lazy.js里面我给了它一个名字Z.le
,在faq.js里面我在(function runblazy($) {
之后插入了runblazy();
但这会中断整个脚本,这会阻止页面正确装载即。渲染链接等。
B)当课程'#34;崩溃时,我也尝试过它。"消失了,但它只运行一次(在页面加载期间),我也无法弄清楚如何使用while循环工作
$(this).next('div.faq-dd-hide-answer').toggleClass("collapsed");
哪种方式更好/更正,我缺少什么? 这是来自faq.js的js:
var x = document.getElementsByClassName("faq-answer");
if (x[0].classList.contains("collapsed")) { //do nothing }
else { runblazy(); }
答案 0 :(得分:0)
我几乎无法相信,经过几个小时的尝试,我找到了一个非常简单的修复方法。
我记得我怀疑 display:none 是延迟加载无法正常工作的问题,而read here应该避免这种情况,因此更改.css以使用下面的工作而不是工作:
:
如果在切换后运行lazy.js有另一种方法,我仍然会感兴趣吗?