Я довольно новичок в Javascript и пытаюсь использовать гем Layzr , чтобы выполнить ленивую загрузку изображений, чтобы уменьшить время загрузки страницы. Драгоценный камень не работает правильно, и я получаю сообщение об ошибке «Uncaught ReferenceError: Layzr is notfined» при проверке страницы. Изображение по умолчанию загружается, а фактическое изображение по ссылке - нет. Вот мой код, надеюсь, кто-то может помочь:
активы / JavaScripts / application.js
//= require jquery
//= require jquery_ujs
//= require jquery.slick
//= require cropper
//= require popper
//= require bootstrap
//= require layzr
//= require froala_editor.min.js
//= require plugins/lists.min.js
//= require application
//= require_tree .
Я не уверен, что у меня есть "require layzr" в правильном порядке.
активы / JavaScripts / layzr.js
$(document).ready(function() {
const instance = Layzr()
});
Это файл, который получает ошибку. Он говорит, что проблема заключается в Layzr ().
/ конфигурации / Инициализаторы / layzr.rb
Layzr::Rails.configure do |config|
config.placeholder = "/assets/favicon-new.png"
end
show.html.erb
<%= link_to image_tag("#{page.images.best}", lazy: true), cpnl.url,
target: :_blank %></td>
Вот как я использую драгоценный камень на мой взгляд. Он должен работать, показывая изображение по умолчанию, пока изображение из ссылки не загрузится, чтобы уменьшить время загрузки страницы. Изображение по умолчанию загружается, но не изображение из ссылки.