Question

我有一个页面，用户应该在用户加载幻灯片时显示他的技能和条形图（impress.js）。为此，我正在使用jquery-visible插件。因此，当我在两个远程幻灯片之间切换时，此功能非常有效，但当它们彼此靠近时，技能页面的一部分是“可见的”并且条形图提前加载它们的全部大小。这是我用于酒吧的代码：

var win = jQuery(window);
var allMods = jQuery(".skill"); //.skill is container

allMods.each(function(i, el) {
  if (jQuery(el).visible(true)) {                                           
    jQuery("span.bar.line1").animate({ width: 80 }, 3000, function() { });
   } 
});

我几乎没有做到这一点:)但是，只有当它的整个div可见时，你能帮助它变成真正的吗？

Answer 1

我提取了整个jquery可见代码，并使用addEventListener来输入幻灯片（div）。

的document.getElementById（ “slideID”）。的addEventListener （“impress：stepenter”，function（event）{
      // Code for step enter
}，false）;

jquery-visible - 可见整个元素

1 个答案: