次のように、スリムで Foundation 5 のデータ交換を使用しようとしています。
= image_tag('', 'data-interchange' => "[#{image_path('umed-image-large.jpg')}, (medium)], [#{image_path('umed-image-small.jpg')}, (small-only)]")
問題は、ページをロードするときに初めて機能することですが、ナビゲーション バーのロゴをクリックすると (URL は同じです)、画像が表示されなくなります。画像が表示されたときに、Chrome コンソールで生成された HTML を観察しました。
<img data-interchange="[/assets/umed-image-large-45e4ffd1823f658bf167972ba4a8cad74797963d9a8906f65a8710d1c7458145.jpg, (medium)], [/assets/umed-image-small-97b7dfa3c6ca88e76b355eece97b723f458ae455f501013d1b0084ce0f5bd953.jpg, (small-only)]" src="/assets/umed-image-large-45e4ffd1823f658bf167972ba4a8cad74797963d9a8906f65a8710d1c7458145.jpg" data-uuid="interchange-j30j01nh0">
画像がない場合の HTML は次のとおりです。
<img data-interchange="[/assets/umed-image-large-45e4ffd1823f658bf167972ba4a8cad74797963d9a8906f65a8710d1c7458145.jpg, (medium)], [/assets/umed-image-small-97b7dfa3c6ca88e76b355eece97b723f458ae455f501013d1b0084ce0f5bd953.jpg, (small-only)]" src="">
ご覧のとおりsrc、後者の場合はデータがありません。ここで何が間違っているのですか？ありがとうございました。