航點Refriring改變

Question

<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> 

時頁腳航點火災，即使通過waypointrows已經通過了看法，他們都將被重新觸發/再發了。

如何在不回想所有以前的航點的情況下插入新的航點？

Answer 1

這是一個來自航點開發者的回覆，我想我會在這裏分享它。

詞可能會非常棘手視覺代碼的問題，但我會採取搖擺在編纂你所描述的：

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

和頁腳航點看起來是這樣的：

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

爲了簡單起見，假設injectNewThing插入只是一注入-事情：

<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'); 
}); 

目標，.injected-thing包括所有這些。但是你真正想要的只是新的路標。我的建議是一類添加到「東西」你已經引發了航點功能，然後瞄準那些沒有該類項目：

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

讓我知道這沒有意義或如果我錯誤地描述了這種情況。