Question

我正在尝试定位特定航点元素的子节点，以下是我的代码，但它会出错：

 this.element.find is not a function



 var paralaxInView = new Waypoint.Inview({
           element: $('.paralax')[0],
           enter: function(direction) {
             var tis = this.element;
             console.log(tis)
             this.element.find(".txt-block").addClass("in-view");
           }
         });

Answer 1

＆＃39;元素＆＃39; property是一个DOM元素，或者被视为Waypoint的实际容器。因此，定位＆＃39; this.element＆＃39;将返回以下HTML：

<div class="paralax"> 
  <div class="txt-block"></div>
</div>

为了将该元素用作jQuery选择器，您需要在HTML中为其指定一个ID属性并将其作为目标。像这样：

$(this.element.id)

这是您的代码的更新版本：

var paralaxInView = new Waypoint.Inview({
  element: $('.paralax')[0],
  enter: function(direction) {
    $(this.element.id).find('.txt-block').addClass('in-view');
  }
});

查看working JSFiddle here。

参考：关于＆＃39;这个＆＃39;的更多信息关键字位于Waypoints Getting Started页面的底部。

航点元素的目标子

1 个答案: