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

Question

您好，我是编程的新手，无法想出实现这一目标的方法，

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

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

非常感谢您的帮助！

Answer 1

查看：http://guides.rubyonrails.org/layouts_and_rendering.html#understanding-yield和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代码调用的绝对定位的顶部和左侧值。