Question

我有一个包含大量div的页面，例如：

<div class="post">
<table>
  <tr> <td><%= post.title %> </td> </tr>

  <tr><td colspan="4"><iframe width="370" height="210" 
  src= "<%= post.url %>"  frameborder="0" allowfullscreen></iframe></td> </tr>

</table>
</div>

如何向此页面添加延迟加载？

我使用 jquery-lazyload-any 。

我将js放到 / vendor / assets / javascripts

/app/assets/javascripts/application.js 添加此代码

//= require jquery.lazyload-any

function load(img)
{
  img.fadeOut(0, function() {
  img.fadeIn(1000);
  });
}
$('.post').lazyload({load: load});

但没有任何事情发生

Answer 1

我发现了这个js https://github.com/ressio/lazy-load-xt#support-video-tag

并输入application.html.erb

 <%= javascript_include_tag('jquery.lazyloadxt.extra.js') %>

这是config / initializer / assets.rb

  Rails.application.config.assets.precompile += %w( jquery.lazyloadxt.extra.js )

在rails中延迟加载div

1 个答案: