twitter-bootstrapとjinja2でモーダル変数を共有する方法は？

Question

私のシナリオは、このボタンは動作し、なぜ

<div class="modal" id="delvms"> 
    <div class="modal-header"> 
     <h3>Warning!</h3> 
    </div> 
    <div class="modal-body">  
     <p>Are you sure?</p> 
    </div> 
    <div class="modal-footer"> 
     <a class="btn btn-danger" href="delete?item={{ VMS.key() }}">delete</a> 
     <a class="btn" href="#" data-dismiss="modal">No</a> 
    </div> 
</div> 

<div class="btn-group"> 
    <a class="btn" href="delete?item={{ VMS.key() }}"><i class="icon-trash"></i></a> 
    <a class="btn" data-toggle="modal" href="#delvms"><i class="icon-trash"></i></a> 
</div>​ 

...私は知らない

{% for VMS in VEP.vms_set %} 
<tr> 
    <td>{{VMS.des}}</td> 
    ... 
    <td>{% include 'butt_vms.html' %}</td> 
</tr> 
{% endfor %} 

butt_vms.html ... AppEngineの/パイソン/神社/ Twitterのブートストラップと、このコードであります異なる：最初の関連する行を削除する（それは大丈夫です）、2度目の削除とテーブルの最初の行だけです。 提案？

Answer 1

ページに追加されたすべてのモーダルが同じid="delvms"を持つように見えます。それに基づいて、ボタンのdata-targetまたはhref属性を持つid属性でモーダルを参照する必要があるので、モーダルを表示/非表示するボタンが特定のモーダルにキー入力されていないことも推測しています。

ブートストラップモーダルセクションhereは、hrefまたはdata-target属性を使用してモーダルを切り替えられることを示しています。例：data-target="#myModalId"またはhref="#myModalId"。

したがって、各ボタンが正しいモーダルにリンクされるように、ランタイム中にボタンhref /データターゲットとモーダルID属性の両方を構築する必要があります。

P.S.ページにX個のモーダルを追加する代わりに、モーダルを1つだけ追加し、実行時にボタンのonclick属性を作成して、クリックされたボタンに従ってモーダルデータを設定し、モーダルを開くカスタム関数を呼び出すことができます。私はこのルートを使いました。それが私が代わりに（必ずしも良いとは限りませんが）解決策として提供している唯一の理由です。