Плагин ленивой загрузки выдает Uncaught ReferenceError

я использую http://davidwalsh.name/lazyload-plugin, когда я запускаю его, выдавая ошибку в консоли как «Uncaught ReferenceError: класс не определен». я добавил код, как показано ниже

<script src="lazyload/Source/LazyLoad.js"></script>

тогда обратная сторона

    <script>
/* do it! */
window.addEvent("domready",function() {
    var lazyloader = new LazyLoad();
});
</script>

и в теле для изображений, которые я использую, как показано ниже.

<img alt=\"\" src=\"lazyload/Assets/blank.gif\" data-src=\"{$v['image_path']}\" style=width:auto;height:200px;max-height:200px>

где $v['image_path'] является динамическим. В чем проблема, вызывающая эту ошибку, пожалуйста, помогите мне.


javascript jquery lazy-loading referenceerror
person shridhar    schedule 25.03.2015    source источник
comment
добавьте файл библиотеки mootools на свою страницу ajax.googleapis.com/ajax /libs/mootools/1.3.2/mootools.js   -  person Nishit Maheta    schedule 25.03.2015

Ответы (1)


arrow_upward
1
arrow_downward

вам не хватает библиотеки mootools. добавить библиотеку mootools выше LazyLoad.js

Проверьте DEMO.

 <script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools.js"></script>
 <script src="lazyload/Source/LazyLoad.js"></script>


 <script>
   /* do it! */
    window.addEvent("domready",function() {
      var lazyloader = new LazyLoad();
    });
</script>

HTML . поместите один и тот же путь к изображению для src и data-src .

<img alt=\"\" src=\"{$v['image_path']}\" data-src=\"{$v['image_path']}\" style=width:auto;height:200px;max-height:200px>
person Nishit Maheta    schedule 25.03.2015
comment
почему мутулс? этот плагин защищает от mootools? - person shridhar; 25.03.2015
comment
согласно вашей ссылке на плагин, он работает с библиотекой mootools - person Nishit Maheta; 25.03.2015
comment
после добавления mootools. изображения не отображаются. - person shridhar; 25.03.2015
comment
@shridhar проверьте демо в моем ответе. его тот же код копируется из davidwalsh.name/js/lazyload, и он работает. Я добавил библиотеку mootools и скопировал код из davidwalsh.name/js/lazyload, и он работает. - person Nishit Maheta; 25.03.2015
comment
также проверьте свой путь lazyload/Source/LazyLoad.js и используйте img, поскольку я обновляю свой ответ - person Nishit Maheta; 25.03.2015
comment
он работает в jfiddle, но на моем локальном хосте он не работает. другие скрипты могут конфликтовать. - person shridhar; 25.03.2015
comment
Если на вашей странице есть библиотека jquery, она будет конфликтовать, или я думаю, что вы пропустили добавление какого-либо файла js ?? Скопируйте код из моей скрипки и проверьте - person Nishit Maheta; 25.03.2015
comment
stackoverflow.com/questions/10096300/ это это проблема. - person shridhar; 25.03.2015