将数据属性与轨道image_tag和 haml 一起使用



我正在尝试使用Echo.js lazyloader。

为此,我需要使用一个数据属性,该属性将包含延迟加载图像的路径,例如:

<img src="/assets/images/placeholder.png" alt="" data-echo="/assets/images/myImage.jpg">

我正在使用轨道和哈姆尔。根据这里的几个答案,我应该通过以下方式翻译纯html:(但他们没有指定当数据链接到图像路径时会发生什么(

= image_tag("placeholder.png", :data => { "echo" => "/assets/images/myImage.jpg"})

= image_tag("placeholder.png", "data-echo" => "/assets/images/myImage.jpg")

将显示占位符.png图像,但永远不会加载 myImage。

使用检查器时,似乎没有将 myImage 路径识别为图像路径。

有什么想法吗?或者,如果您可以建议使用惰性加载程序, 不依赖于数据属性,适用于 Rails 和 Haml,这 会很棒。谢谢

您还需要在占位符上使用 rails 资产助手

= image_tag("placeholder.png", data: { "echo" => image_path("myImage.jpg") })

最新更新