代码之家 › 专栏 › 技术社区 › aronmoshe_m

使用没有src属性的image\u tag helper?

lazy-loading ruby ruby-on-rails

aronmoshe_m · 技术社区 · 6 年前

<a href="https://yourlinkhere.com/" target="_blank" rel="noopener noreferrer"><img data-lazy="<%= image_path("assets/images/your-image.png") %>" alt="logo" /></a>

我最初是这样写的(见下文),直到我需要删除 src 属性,并将其替换为 data-lazy image_tag 帮手:

<%= link_to image_tag("assets/images/your-image.png", alt: "logo"), "https://yourlinkhere.com/", target: "_blank", rel: "noopener noreferrer" %>

我想知道我是否要用 image_path 而不是 图像标签

谢谢您!我通常不使用rubyonrails,但我一直在为一个项目学习它,我在这里作为前端开发人员工作。

1 回复 | 直到 6 年前

spickermann 6 年前

查看的源代码 image_tag 我很惊讶,似乎不可能用这种方法来生成 img 不带标记的标记 src 属性。但后来我意识到属性是必需的 img公司 标签由 HTML specification .

因此,我认为最好的选择是生成一个 img公司 src公司 值,如果您的延迟加载库支持该值。

<%= link_to(
      image_tag('', alt: 'logo', data: { lazy: image_path('your-image.png') }), 
      'https://yourlinkhere.com/', 
      rel: 'noopener noreferrer', target: '_blank'
    ) %>

当您不关心无效的HTML时,您可以考虑编写使用的块语法手动标记 link_to

<%= link_to(
      'https://yourlinkhere.com/', 
      rel: 'noopener noreferrer', target: '_blank') do %>
  <img alt="logo" data-lazy="<%= image_path('your-image.png') %>" />
<% end %>

推荐文章

M'sieur Toph' · Angular 5-在组件内部获取懒散加载的模块根路径

6 年前

gooamoko · 我可以用lazy init使用RmiServiceExporter吗?

6 年前

livthomas · 如何在Angular应用程序中延迟加载库

6 年前

Sameer · 为延迟加载的模块创建公共模块

6 年前

Mohammad Shadmehr · 为什么我必须在Linq查询中包含其他实体?

6 年前

Anika · 调用onCellEdit时,DataTable的RowKey为null

6 年前

Philip Feldmann · 帆。js延迟加载模型

6 年前

Perp · 如何将Web包中的节点模块与异步块分离?

6 年前

Bob Ramsey · 需要关于延迟加载mat手风琴内容的帮助

6 年前

JSON · 如何将子组件设置为路由器出口的默认路由?[副本]

6 年前