javascript - jquery 使用 waypoint 获取元素的 id

Question

我正在使用 jquery waypoints ( http://imakewebthings.com/jquery-waypoints/#docs ) 检查元素是否是浏览器的 View ，这里是 html:

<div class="container" id="container_1">1. Container</div>
<div class="container" id="container_2">2. Container</div>
<div class="container" id="container_3">3. Container</div>
<div class="container" id="container_4">4. Container</div>

这里是js

$('#container_1').waypoint(function() {
     console.log("container 1 is visible");
});

这很好用!

但是是否有可能找出 View 中元素的当前 ID 并触发路径点？像这样:

$('.container').waypoint(function() {
         console.log("id of element: " + $(this).attr('id');
    });

谢谢!

Answer 1

在 waypoints.js 中，我发现 this 指的是一个 waypoints 内部对象。如果您对它进行控制台记录，您可以轻松找到如何使用 jquery 选择该元素。

handler: function (direction){
    var DOMElement = $(this.element);
    console.log($(this.element).attr('data-id');
}

还有... element attribute ID return undefined