jquery - jquery-visible - 可见的整个元素

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 可见的情况下，你才能帮助使它成为 TRUE 吗？

Answer 1

I remowed whole jquery-visible code and I used addEventListener for entering that slide (div).

document.getElementById("slideID").addEventListener ("impress:stepenter", function (event) {

      // Code for step enter

}, false);