是否可以从记录字段填充 javascript 属性？

Question

我有一个场地记录表，这些记录作为部分内容显示在索引页上。 javascript 中的 .left 和 .top 值是否可以由从场地记录中获取的整数字段填充？

另外，如何让显示的脚本针对每个部分运行，因为它当前仅适用于生成的第一个部分。

地点部分：

<%= link_to venue do %>
  <div class="venue_partial">

    <div class="venue_icon">
      <%= image_tag venue.venuetype.photo.url(:thumb), :class => 'image' %>
    </div>

    <span class="venue_partial_name"><%= venue.name %></span>
    <span class="venue_area_and_type"><%= venue.venuetype.name %></span>
    <span class="venue_area_and_type"><%= venue.area.name %></span>
  </div>

  <div id="venue_map_icon" style="position:absolute;"></div>

  <script>
    document.getElementById("venue_map_icon").style.left= "300px";
    document.getElementById("venue_map_icon").style.top= "310px";
  </script>
<% end %>

非常感谢您的帮助，非常感谢！

Answer 1

这两方面都是的。您现在遇到的问题是，您在 javascript 中通过 ID 引用元素，但该 ID 不是唯一的，因此 javascript 找到该 ID 的第一个实例并将规则应用于它，而不是应用于其余的 div。要解决此问题，您需要使用唯一的 id：

<%= link_to venue do %>
  <div class="venue_partial">

    <div class="venue_icon">
      <%= image_tag venue.venuetype.photo.url(:thumb), :class => 'image' %>
    </div>

    <span class="venue_partial_name"><%= venue.name %></span>
    <span class="venue_area_and_type"><%= venue.venuetype.name %></span>
    <span class="venue_area_and_type"><%= venue.area.name %></span>
  </div>

  <div id="venue_map_icon_<%= venue.id %>" style="position:absolute;"></div>

  <script>
    document.getElementById("venue_map_icon_<%= venue.id %>").style.left= "<%= venue.left %>px";
    document.getElementById("venue_map_icon_<%= venue.id %>").style.top= "<%= venue.top %>px";
  </script>
<% end %>

Answer 2

当然，它只需要像在 HTML 中一样输出即可：

document.getElementById("venue_map_icon").style.left = "<%= venue.somevalue %>px";