需要在多个项目上重复的航点

Question

这是我的代码，从路标文档中取出：

var sticky = new Waypoint.Sticky({
element: $('.objectheader')[0]
})


<div class="object" id="object2">
    <div class="objectheader" id="header2">Header Item 2</div>
    <div class="objectbody" id="body2"><img src="images/samplechart.png" /></div>
    <div class="clear"></div>
</div>

基本上，我有多个对象（列表会增长，因此每个ID的硬编码都不是一个选项），每个对象都包含一个objectheader和objectbody。每次我点击一个objectheader，我都希望它应用粘性类并粘在顶部直到它到达一个新的，但它只对第一个对象起作用。我知道我在这里错过了一些简单的事情......

Answer 1

使用[0]指定第一个元素。您需要迭代它们以向每个元素添加一个航点...

var sticky = [];
$('.objectheader').each(function(idx){
    sticky[idx] = new Waypoint.Sticky({ element: this });
});

然后sticky将是所有航路点对象的数组。