「意外 '}'，期待=>」，而使用屬性

我有一個img標籤爲html，我想在ERB使用它：「意外 '}'，期待=>」，而使用屬性

<img src="images/Slider/app.png" alt="" width="636" height="441" data-ww="['600px','500px','400px','200px']" data-hh="['338px','281px','225px','113px']" data-no-retina>

我的HTML ERB代碼：

<%= image_tag "/Slider/app.png", width:"636", height:"441", data: { ww:['600px','500px','400px','200px'], hh:['338px','281px','225px','113px'], no-retina } %>

但我得到語法錯誤：unexpected '}', expecting =>

來源

2017-01-18 s_puria

'無retina'不是一個鍵值對。它不能在哈希內部 – Santhosh

把它放出哈希不起作用。 –

Rails不允許使用破折號作爲散列鍵。因此，在嘗試解析no-retina時，語法失敗。

，如果你想有一個破折號情況作爲重點

<%= image_tag "/Slider/app.png", width:"636", height:"441", data: { ww:['600px','500px','400px','200px'], hh:['338px','281px','225px','113px'], 'no-retina': true } %>

在這種特殊情況下（IMAGE_TAG助手和數據屬性）您應該使用橫向串，然而，Rails是一個足夠聰明，讓你的正確的HTML，如果你只是用uderscores：

<%= image_tag "/Slider/app.png", width:"636", height:"441", data: { ww:['600px','500px','400px','200px'], hh:['338px','281px','225px','113px'], no_retina: true } %>

此外，如果你着眼於image_tag文件，你會看到，你可以使用size指定高度和寬度。隨着一些代碼風格清理這是更好的外觀：

<%= image_tag "/Slider/app.png", size: "636x441", data: { ww: ['600px','500px','400px','200px'], hh: ['338px','281px','225px','113px'], no_retina: true } %>

來源

2017-01-18 09:48:02

您可以通過-和鳥巢打破它，它

<%= image_tag "/Slider/app.png", data: { no: { retina: true } } %>

來源

2017-01-18 10:08:33

「意外 '}'，期待=>」，而使用屬性

回答

相關問題