Ich versuche auf einem Mouseover einen anklickbaren Link in einem Tag zu bringen und habe es auf meiner Karte fließt. Der Code, den ich bisher habe, übergibt nichts vom Datenattribut zum Span-Tag. Wenn ich etwas anderes als einen link_to Helfer setze, sagen wir Area.name, funktioniert es. Es passiert jedoch nichts mit link_to und nichts. Ich habe versucht zu googlen und habe gerade herausgefunden, wie man das Datenattribut in link_to helper einfügt, aber nicht umgekehrt.Putting <% = link_to%> innerhalb daten Attribut
html:
<div class="map">
<%= image_tag("strangemap.png", :usemap => "#worldmap", :class => "mapper") %>
<map name="worldmap">
<% @areas.each do |area| %>
<area class="target noborder"
shape="poly" coords="<%= area.coords %>"
data-bottom="<%= link_to area.name, area_path(area) %>">
<% end %>
<span id="boxbottom"></span>
</map>
</div>
jquery:
$(document).ready(function(){
$("area").mouseover(function(){
$("#boxbottom").fadeIn(0);
document.getElementById("boxbottom").innerHTML = $(this).data('bottom');
});
});
bewegen Spannweite ... kein gültiges Kind – charlietfl
'' Tag ein schließenden Klammer fehlt. – Substantial
'getElementById (" boxbuttom ")' enthält einen kritischen Tippfehler. – Substantial