Materializecss - scrollFire плагин, кажется, не работает

Question

Я не имею ни малейшего представления, почему scrollfire плагин не работает я использую официальное руководство http://materializecss.com/scrollfire.html

яваскрипта является следующее:

 var options = [ 

{selector: '.activator', offset: 500, callback: function() { 
    Materialize.fadeInImage(".activator"); 
} } 
    ]; 

Materialize.scrollFire(options); 

Вот мой плункер демонстрационный: http://embed.plnkr.co/aA66og3NhkhafSHLQC5R/

У вас есть идеи, почему это не работает?

Answer 1

Хорошо, я полный noob при программировании, так простите меня, если я не могу точно объяснить, почему он работает именно так. Было три вещи, которые я изменил, чтобы заставить его работать.

1. Я изменил тег сценария, чтобы вытащить из обновленной версии, а именно этот: SRC = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize .min.js "
   
2. Смещение должно быть меньше 500, я угадываю его пиксели, но откуда изображение находится в HTML, оно не срабатывает, если я не использовал меньшее число. Поэтому я предполагаю, что либо переместите изображение вверх в документе, либо уменьшите смещение.
   
3. Убедитесь, что при использовании 'showStaggeredList()' или 'fadeInImage()' у вас есть css для элемента, установленного в 'opacity: 0;'
   

У меня есть работа, поэтому я надеюсь, что это поможет вам.