2017-01-12 9 views
0

Я пытаюсь установить visible класс к элементу .wordpress и .wordpress-txtScrollMagic. Добавить класс к двум элементам

Для одного элемента, эта работа:

 var sunScene = new ScrollMagic.Scene({ 
     triggerElement: 'body', 
     triggerHook: 0.5, 
     offset: 1000, 
     duration: '1000px' 
     }) 
     .setClassToggle(".wordpress", "visible") 
     .addTo(controller); 

Для двух элементов desn't работы (работает только второй элемент .wordpress-txt):

 var sunScene = new ScrollMagic.Scene({ 
     triggerElement: 'body', 
     triggerHook: 0.5, 
     offset: 1000, 
     duration: '1000px' 
     }) 
     .setClassToggle(".wordpress", "visible") 
     .setClassToggle(".wordpress-txt", "visible") 
     .addTo(controller); 

С селектора JQuery, не работает ни:

 var wordpressE = $('.wordpress', '.wordpress-txt') 
     var sunScene = new ScrollMagic.Scene({ 
     triggerElement: 'body', 
     triggerHook: 0.5, 
     offset: 1000, 
     duration: '1000px' 
     }) 
     .setClassToggle(wordpressE, "visible") 
     .addTo(controller); 

Как добавить класс к обоим элементам? Спасибо заранее

+0

'.setClassToggle (" Wordpress, .wordpress-Txt", "видимый")' вы пробовали это? – Jai

+0

'var wordpressE = $ ('. Wordpress', '.wordpress-txt')' наверняка это будет ошибкой, поскольку в синтаксисе предлагается найти '.wordpress' в элементе' .wordpress-txt'. Вместо этого вы можете использовать селектор групп: 'var wordpressE = $ ('. Wordpress, .wordpress-txt')' – Jai

+1

Первое решение, работает. Во-вторых, нет. Большое спасибо обоим;) – aitor

ответ

1

Вместо этого вы должны пройти селектор группы в методе:

.setClassToggle(".wordpress, .wordpress-txt", "visible") 
Смежные вопросы