Jquery 放置<；%=链接到%>；内部数据-属性

我试图在鼠标上方的标签中打开一个可点击的链接，并让它在我的地图上方流动。到目前为止，我的代码没有将任何内容从data属性传递到span标记。如果我把任何东西而不是链接到helper，比如area.name，它就会工作。但是，任何链接到的东西都不会发生任何事情。我试着在谷歌上搜索一下，发现了如何将数据属性放到link_to helper中，而不是反过来

html:

---

好的，我找到了解决办法

我没有试图将链接传递到范围内，而是分别传递路径“area\u path（area）”和名称“area.name”

<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-path="<%= area_path(area) %>
            data-name="<%= area.name %>">
    <% end %>
    <span id="boxbottom"></span>
  </map>
</div>

---

将span移出…不是一个有效的子

标记缺少一个结束括号。

getElementById（“boxbuttom”）

包含一个关键的键入错误。很抱歉…当我将代码移到此处时，出现了一些键入错误。修正了…不，还是不行。

$(document).ready(function(){
  $("area").mouseover(function(){
    $("#boxbottom").fadeIn(0);
    document.getElementById("boxbottom").innerHTML = $(this).data('bottom');
  });
});

<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-path="<%= area_path(area) %>
            data-name="<%= area.name %>">
    <% end %>
    <span id="boxbottom"></span>
  </map>
</div>

$(document).ready(function(){
  $("area").mouseover(function(){
    $("#boxbottom").fadeIn(0);
    document.getElementById("boxbottom").innerHTML = $(this).data('name');
    var path = $(this).data('path');
    $("#boxbottom").click(function(){
      window.location = path;
    });
  });
});