jQuery的航點區間

Question

我有，我想與查詢航點應用類鋰項目這個網格。我想單獨應用這個類，因此每個項目都有自己的淡入效果，並且具有不同的偏移/間隔。所以我基本上希望每件物品都成爲自己的航點。任何一個有這樣的代碼？會很好！

我的HTML看起來像這樣

<div class="item">text</div> 
<div class="item">text</div> 
<div class="item">text</div> 
<div class="item">text</div> 
<div class="item">text</div> 
<div class="item">text</div> 

這裏是JS。

 $(".item").each(function(){ 
      var waypoint = new Waypoint({ 
       element: document.getElementByClass('.item'), 
       handler: function(direction) { 
        if(direction == 'down') { 
         console.log(this.element.id + ' triggers at ' + this.triggerPoint) 
         $(this.element).addClass('fade'); 
        } 
       }, 
       offset: '90%' 
      }); 
     }); 

Answer 1

我找到了一個辦法。如果有人需要解決方案，這裏就來了。

  $(".item").each(function(index){ 
      $(this).attr('id','item_'+index); 
      var waypoint = new Waypoint({ 
       element: document.getElementById('item_'+index), 
       handler: function(direction) { 
        if(direction == 'down') { 
         console.log(this.element.id + ' triggers at ' + this.triggerPoint) 
         $(this.element).addClass('fade'); 
        } 
       }, 
       offset: '90%' 
      }); 
     });