MaterializeCss ScrollFire：如何在后备中添加“this selector”

Question

在我的页面上有一些类.wow，我想要触发当前元素，而不是全部。 我的代码不起作用：

var options = [
    {selector: '.wow', offset: 200, callback: '$(this).addClass("animated")' },
];
Materialize.scrollFire(options);

Answer 1

如果您只想影响一个项目，则需要使用ID而不是类。

var options = [
    {selector: '#myelement1', offset: 200, callback: '$(this).addClass("animated")' },
];
Materialize.scrollFire(options);

然后是HTML，

<span class="wow" id="myelement1">Hello, World!</span>

Answer 2

让我看看我是否理解正确，.wow类主要由名为wow.js的插件使用，它与Materializedcss scrollfire插件的作用相同。你应该使用wow.js或materializedcss scrollfire插件。

Answer 3

刚刚遇到这个问题，现在这个答案对OP来说没用，只是把这篇文章放在更好的地方......

有三个问题：

1. 回调是一个字符串，删除单引号。
2. 回调不是函数。用函数包装JQuery选择器和方法。
3. JQuery选择器引用this，它可能引用options数组（尚未检查）。它需要引用.wow
4. 然后，Eddie Hart提到使用一个独特的选择器，例如元素的id。

var options = [
  {
    selector: '.wow', 
    offset: 200, 
    callback: function() {               // Callback needs to be a function.
      $('.wow').addClass("animated");    // Reference `.wow` not `this`.
    }
  }
];
Materialize.scrollFire(options);