2017-08-13 13 views
1

data-toggle="tooltip" title="Hooray!"のようにしたいが、私のimage_tagのようにしたい場合、構文はどうなるの?私は構文のどこが間違っているのか分からないようです。data_tagleをimage_tagに追加

私の試み:

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

エラー:

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

I持って、次のJS:

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

アップデート:私は逃したので、私は(使用してみました (} )上記のimage_tagに)

が、それでも同じエラー10:

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

答えて

2

IMAGE_TAGは次のように定義されています

image_tag(source, options = {}) 

だからIMAGE_TAGヘルパーのオプションの引数としてクラス、データおよびタイトルを使用して試みることができますたとえば:

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

ありがとうございました。私は構文が間違っていたのが不思議です。なぜそれがうまくいかなかったのか分かりません。 – Acrux

+1

嬉しいことに、余分な括弧があり、トグルで ':'が欠落していて、オプションキーの中にデータとタイトルをラッピングしていたとします。 –

関連する問題