航路点元素的目标子元素

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

'element' 属性是一个 DOM 元素，或者被视为航点的实际容器。因此，定位 'this.element' 会 return 以下 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。

参考：'this' 关键字的更多信息位于 Waypoints Getting Started 页面底部。

航路点元素的目标子元素

target child of waypoint element

jquery-waypoints