DOMエレメントをsetClassToggleに渡す

Question

jqueryで取得したDOM要素をsetClassToggle(element, class)に渡そうとしていますが、このエラーが発生しています。私はここで何が欠けていますか？

（ScrollMagic.Scene） - > ERROR呼び出す方法 '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); 
    } 

Answer 1

the ScrollMagic docsによります。 setClassToggleが受け取るelement属性は、実際の要素自体ではなく、セレクタである必要があります。

element：一つ以上の要素を標的セレクタまたは

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

をmodified.`ことになっているDOMオブジェクト