Question

我试图将我使用jquery的DOM元素传入setClassToggle(element, class)，但我不断收到此错误。我在这里缺少什么？

（ScrollMagic.Scene） - ＆gt;错误调用方法＆＃39; setClassToggle（）＆＃39;：提供的元素无效。

      <div class="grid-item" data-parallax="bouble">
        <div class="container quote start" id="first">
          <h2>"</h2>
          <p>Vestibulum vitae congue nibh. Aliquam erat volutpat. Proin pretium mauris a quam molestie porttitor. Nulla vel molestie enim. Aenean suscipit cursus volutpat.</p>
        </div>
      </div>



  var parallaxClass = $(this).data('parallax');
  var element = $(this).find('.container');

  if (parallaxClass === 'bouble') {
    new ScrollMagic.Scene({
        triggerElement: this,
        triggerHook: 0.7
      })
      .addIndicators()
      .setClassToggle(element, parallaxClass)
      .addTo(controller);
  }

Answer 1

根据the ScrollMagic docs。 element收到的setClassToggle属性应该是选择器，而不是实际的元素本身。

element：一个选择器，定位一个或多个元素或一个应该被修改的DOM对象。
// add multiple classes to multiple elements defined by the selector
'.classChange' scene.setClassToggle(".classChange", "class1 class2 class3");

将DOM元素传递给setClassToggle

1 个答案: