7、在线社交图钉板开发指南

在线社交图钉板开发指南

1. 绑定 JavaScript 方法到 HTML

要将 JavaScript 方法绑定到 HTML，需创建一个表格，并在其上调用 post 类，这样可使无限滚动方法适用于 HTML。示例代码如下：

<table id="posts">
  <tbody class="page">
    <% @pins.each do |pin| %>
      <tr class="post">
        <td> <%=link_to(image_tag(pin.image.thumb.url), pin) %><p>
        <strong>Board:</strong><%= pin.board.title %><br/><%= pin.board.user.email %></p></td>
      </tr>
    <% end %>
  </tbody>
</table>

2. 创建响应式网格布局

Pinterest 等在线图钉板的一个醒目特性是图钉的展示方式，它们以图像网格形式排列。Masonry 和 Wookmark 等库可用于生成此类网格。
- 准备工作 ：从 GitHub 仓库（https://github.com/GBKS/Wookma