添加数据切换到image_tag

如果我想要做类似data-toggle="tooltip" title="Hooray!"的语法，但对于我的image_tag，语法如何。我似乎无法弄清楚我的语法错在哪里。添加数据切换到image_tag

我尝试：

<%= image_tag("/assets/info.svg",:class=>"infoicon"), :options => { :data => {toggle => "tooltip"},:title => "my caption" %>

错误：

syntax error, unexpected ',', expecting ')'

我有以下JS：

<script> 
$(document).ready(function(){ 
    $('[data-toggle="tooltip"]').tooltip(); 
}); 
</script>

更新：我尝试使用（因为我错过了（} ）在上面的image_tag中）

<%= image_tag("/assets/info.svg",:class=>"infoicon"), :options => { :data => {toggle => "tooltip"},:title => "my caption" } %>

，但仍是同样的错误：

syntax error, unexpected ',', expecting ')'

2017-08-13 Acrux

的IMAGE_TAG被定义为：

image_tag(source, options = {})

所以，你可以尝试使用你的类，数据和标题作为IMAGE_TAG助手的选项参数，如：

<%= image_tag '/assets/info.svg', class: 'infoicon', data: { toggle: 'tooltip' }, title: 'my caption' %>

2017-08-13 16:45:13

谢谢你，它的工作。我很好奇我的语法有什么问题？我不明白为什么它不起作用。 – Acrux

很高兴提供帮助，你有一些额外的括号，在切换时缺少'：'，并且你在选项键中包装数据和标题。 –

回答