2016-06-21 50 views
0

我试图将我用jquery获得的DOM元素传入setClassToggle(element, class),但我不断收到此错误。我在这里错过了什么?在DOM元素中传递给setClassToggle

(ScrollMagic.Scene) - >错误调用方法'setClassToggle()': 提供了无效的元素。

jsfiddle

 <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); 
    } 

回答

1

the ScrollMagic docssetClassToggle接收的element属性应该是选择器,而不是实际的元素本身。

element:一个选择器定位一个或多个元件或一个应该被modified.`

// add multiple classes to multiple elements defined by the selector 
'.classChange' scene.setClassToggle(".classChange", "class1 class2 class3"); 
DOM对象