0

多くのレコード(注文)を含むビューで目立たない切り替えを使用しています。個々のdivで機能するようになりましたが、各Orderが独自のトグルリンクを使用してループ内で個別に拡張/縮小できるように機能させたいと思います(リンクもループされます)。

拡張可能な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を切り替えることができる必要がある場合、ソリューションはどのように変わりますか?これは、メインのトグルdivをorder.idとして参照する場合、複数の内部divを参照する方法がわからないためです。これは明らかにメインの問題によるものです。

4

1 に答える 1

1

これを行うためにJqueryなどのJavaScriptライブラリを調べましたか?特別なクラスやIDを追加しなくても、これを実行できるはずです。<a>リンクが進行を切り替えるだけの場合<div>は、JavaScriptをDOMの次の要素に移動させることができます。

于 2010-06-04T01:02:19.960 に答える