0

ページコードに次のhtmlセクションがあります。

          </tr>
      {% for sens in sensors %}
      <td>
        <div class="sens_id">
          {{ sens.id }}
        </div></td>
      <td>
        <div class="sens_edit">
          <a href="/networks/{{ net.id }}/sensors/edit?id={{ sens.id }}"><i class="icon-pencil"></i></a>
        </div></td>
      <td>
        <div class="modal hide" id="myModal">
          <div class="modal-header">
            <a class="close" data-dismiss="modal">×</a>
            <h3>Are you sure you want delete " {{ sens.name }} " ?</h3>
          </div>
          <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Close</a>
            <a href="/networks/{{ net.id }}/sensors/delete?id={{ sens.id }}" class="btn btn-primary">Delete</a>
          </div>
        </div>


        <a data-toggle="modal" href="#myModal"><i class="icon-trash"></i></a>
    </div></td>

このコードは、私のネットにあるすべてのセンサーについて、センサーの名前でテーブルを作成し、編集ページとゴミ箱アイコンにリンクしてセンサーを削除します。

しかし、このリンク

<a href="/networks/{{ net.id }}/sensors/delete?id={{ sens.id }}" class="btn btn-primary">Delete</a>

sens.idが常に同じである場合のように、リストの最初のセンサーを常に削除します。センサーが例の場合。200、ゴミ箱アイコンに関連付けられたモーダルプラグインは、常にリストの一番上にあるセンサーを削除します。

これはtwitterブートストラップのバグですか？どうすればこれを修正できますか？

どうもありがとうございます。

4

1 に答える 1

1

idはドキュメント全体で一意であるため、異なるモーダルダイアログすべてに同じIDを繰り返すことにより、ゴミ箱アイコンをクリックしたときに開いたダイアログを区別する方法がありません。

モーダルダイアログごとに一意のIDが必要です。

<div class="modal hide" id="myModal_{{ sense.id }}">

と

<a data-toggle="modal" href="#myModal_{{ sense.id }}"><i class="icon-trash"></i></a>
于 2012-11-20T04:07:01.933 に答える