0

ユーザーが自分のスキルを表示し、ユーザーがそのスライド (impress.js) をロードするとバーが成長するページがあります。そのために、jquery-visibleプラグインを使用しています。したがって、この機能は、2 つの離れたスライドを切り替えるときにうまく機能しますが、それらが互いに近くにある場合、スキル ページの一部が「表示」され、バーがフル サイズで早く読み込まれます。バーに使用したコードは次のとおりです。

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にするのを手伝ってもらえますか?

4

1 に答える 1

0

jquery に表示されるコード全体を削除し、そのスライド (div) に入るために addEventListener を使用しました。

document.getElementById("slideID").addEventListener ("impress:stepenter", function (イベント) {

      // Code for step enter

}、 間違い);

于 2013-09-06T17:38:39.263 に答える