0

我在包含许多记录（订单）的视图中使用不显眼的切换。我已经让它在单个 div 上工作，但我现在希望它工作，这样每个订单都可以使用自己的切换链接在循环内单独展开/收缩（链接也是循环的）。

当我的可扩展 div 被称为 x 时，问题是切换按钮的每个循环都只是在其自己的迭代中切换第一个 div 而不是 div - 我想最好的方法是使用 order_id 作为每个可扩展部分的标识符？

更有经验的观众可能会对此嗤之以鼻 :) 但我尝试使用以下代码：

<% for order in @orders do %>

# toggle
<a class="toggle" href="#<%= order.id %>" rel="toggle[<%= order.id %>]">Toggle</a>

# expandable div with its own nested toggle
<div id="<%= order.id %>" class="expand_me">
    # nested toggle inside the looping expandable div
    <a class="toggle" href="?" rel="toggle[?]">Toggle</a>
    <div id="?" class="expand_me">
    ...
    </div>
</div>

<% end %>

如您所见，在每个循环中，我也希望能够切换一些子部分。如果我必须能够在可扩展的循环 div 内切换多个 div，解决方案将如何改变？?s 是因为如果我将主切换 div 称为 order.id 那么我不知道如何引用多个内部 div - 这显然是根据主要问题。

4

1 回答 1

1

您是否查看过诸如 Jquery 之类的 JavaScript 库来执行此操作？您应该能够做到这一点，而无需添加任何特殊的类或 ID。如果<a>链接只是为了切换进程<div>，那么您可以让 JavaScript 移动到 DOM 中的下一个元素。

于 2010-06-04T01:02:19.960 回答