0

私が何か間違ったことをしているかどうかはわかりませんが、いくつかのセクションがあり、いくつかはサブセクションがあります。

  <section id="section-one" class="section-top"></section>
  <section id="section-two" class="section-top"></section>
  <section id="section-three" class="section-top">
    <article id="sub-section-one" class="section-sub"></article>
    <article id="sub-section-two" class="section-sub"></article>
    <article id="sub-section-three" class="section-sub"></article>
    <article id="sub-section-four" class="section-sub"></article>
  </section>

そのため、2 つのウェイポイント呼び出しを設定して、section-topvs .section-sub

$(document).ready(function(){
  $('.section-top').waypoint(function(e,d){
    // Do something
  });

  $('.section-sub').waypoint(function(e,d){
    // Do something else
  });
});

ただし、section-subウェイポイントをスクロールすると、section-topまだ.section-topsection-sub

この jsbinを見ると、ウェイポイントの最初のセットで が呼び出されていることがわかりますがtrigger-count、ウェイポイントのサブセットをスクロールすると常に上昇しています。

これが機能するはずの方法ですか、何か間違っていますか? (ウェイポイントを 2 回登録する必要はないのでしょうか?)

4

1 に答える 1

0

わかった。jQuery ウェイポイントの作成者の助けを借りて、Caleb は、これが起こっている理由はカスタム イベントの jQuery バブリングによるものであると述べました。

e.stopPropagation()解決策は、2 番目のウェイポイントの初期化を入れることでした。

GitHub の問題 114

于 2012-12-07T16:05:29.280 に答える