2

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

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

3 回答 3

0

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

于 2016-05-03T07:06:32.847 回答
0

刚刚遇到这个，这个答案现在对OP没有用，但只是把这篇文章放在一个更好的地方......

存在三个问题：

  1. 回调是一个字符串，去掉单引号。
  2. 回调不是函数。用函数包装 JQuery 选择器和方法。
  3. this可能引用数组的 JQuery 选择器引用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);
于 2016-07-14T11:09:06.010 回答
0

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

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

然后对于 HTML，

<span class="wow" id="myelement1">Hello, World!</span>
于 2015-10-21T07:25:05.437 回答