Javascript div更改后重新生成的航路点 当我读书时，我就读书 当我读书时，我就读书 当我读书时，我就读书 当我读书时，我就读书

当页脚航路点触发时，即使通过的航路点行已通过视图，它们都将再次触发/触发

---

如何在不回顾所有以前的航路点的情况下插入新航路点？

这是航路点开发者的回复，我想在这里分享一下

文字对于视觉代码问题来说可能很棘手，但我将在编写您所描述的内容时尝试：

<div class="content-book-row-container">
  <div id="content-book-container-inject">
   <div class="content-book-row-container">when im read im read</div>
   <div class="content-book-row-container">when im read im read</div>
   <div class="content-book-row-container">when im read im read</div>
   <div class="content-book-row-container">when im read im read</div>
  </div>
 <div id="content-book-row-footer"></div>
</div>

为了简单起见，假设injectNewThing只插入了一个注入的东西：

$('.footer').waypoint(function(direction) {
  injectNewThing();
  $('.injected-thing').waypoint(function() {
    alert('reached');
  });
});

目标包括所有这些。但你真正想要的只是一个新的航路点。我的建议是在已经触发航路点功能的“事物”中添加一个类，然后针对没有该类的项目：

$('.injected-thing').waypoint(function() {
  alert('reached');
});

让我知道这是否有意义，或者我是否错误地描述了情况

<div class="wrapper">
  <div class="thing-container">
    <div class="injected-thing">...</div>
    <div class="injected-thing">...</div>
  </div>
  <div class="footer"></div>
</div>

$('.injected-thing').waypoint(function() {
  alert('reached');
});

$('.footer').waypoint(function(direction) {
  injectNewThing();
  $('.injected-thing').not('.reached').waypoint(function() {
    $(this).addClass('reached');
    alert('reached');
  });
});