如何将图标与记录链接但将其显示在远离记录部分的地方？

Question

您好，我对编程非常陌生，无法找到实现此目的的方法，

我目前有一个场地记录表，每个记录都在索引页面上显示为部分内容。我希望每个场地都有一个图标，显示在屏幕一侧的地图上。地图只是一个带有背景图像的 div。

如何让每个场馆都有自己的图标，通过绝对定位的方式放置在地图上？但仅在显示关联场地时显示，因为可以过滤场地结果。

非常感谢您的帮助！

Answer 1

看看：http://guides.rubyonrails.org/layouts_and_rendering.html#understand-yield< /a> 和 content_for。这些将允许您使用部分数据填充页面的单独部分。

Answer 2

我在场地部分 html.erb 文件中使用 jQuery 来管理此操作：

<script type="text/javascript">
  document.getElementById("venue_map_icon_<%= venue.id %>").style.left= "<%= venue.iconleftpx %>px";
  document.getElementById("venue_map_icon_<%= venue.id %>").style.top= "<%= venue.icontoppx %>px";
</script> 

我将 iconleftpx:integer 和 icontoppx:integer 字段添加到场地表中，这些字段填充 jQuery 代码调用的绝对定位的顶部和左侧值。