onScreen плагин не работает

Question

Я хотел бы использовать onScreen() plugin для управления элементами при входе или выходе из окна просмотра (видимая часть экрана). В качестве теста попытался добавить эту строку $(".block").fadeIn(6000); в «doIn», но это не сработает. Есть ли проблема с синтаксисом или что-то еще? Смотрите http://jsfiddle.net/8E4FA/ Благодаря

<script> 
    $(document).ready(function(){ 
     $('elements').onScreen({ 
      container: window, 
      direction: 'vertical', 
      doIn: function() { 
       $(".block").fadeIn(6000); 
      }, 
      doOut: function() { 
       // Do something to the matched elements as they get off scren 
      }, 
      tolerance: 0, 
      throttle: 50, 
      toggleClass: 'onScreen', 
      lazyAttr: null, 
      lazyPlaceholder: 'someImage.jpg', 
      debug: false 
     }); 
    }); 
</script> 

Answer 1

Я разработчик плагинов. Вы использовали образец кода с сайта плагина, то есть у вас не было согласованных элементов, используя селектор $("elements"). Я изменил селектор на $(".block") и избавился от всех значений по умолчанию.

Вот обновленная скрипка: http://jsfiddle.net/8E4FA/1/

Ура!

Answer 2

Я побежал с try и catch и получается:

ReferenceError: $ is not defined 

Мое предположение, что вы поставите ссылку на onScreen плагин перед ссылкой JQuery, попробуйте поменять их ,

Тем не менее, у меня есть лучшее предположение, что вы не указали <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> в своем HTML-коде.