動的に生成されたリストアイテムのモーダルポップアップが機能しません

Question

ユーザーは、UL内のLIアイテム内でXイメージを選択するたびにモーダルを開こうとしています。アイテムは、TempDataフィールドの内部にあるアイテムから動的に生成されます。私は静的フィールドにデータターゲットを割り当てることができ、それは問題なく動作しますが、生成されたものには運がありません。ここで私はそれをやろうとしています。

@if (TempData.ContainsKey("ShiftSegments")) 
{ 
var NewShiftSegments = 
    new List<ShiftSegmentData>(); 
NewShiftSegments = 
    (List<ShiftSegmentData>)TempData["ShiftSegments"]; 
if (NewShiftSegments != null) 
{ 
    foreach (var item in NewShiftSegments) 
    { 
     <li class="list-group-item segment" id="segment"> 
      <span class="glyphicon"> 
       <a href="#" data-toggle="modal" 
        data-target="#shiftSegmentDeleteModal"> 
        <img src="~/img/close.png" /> 
       </a> 
      </span>&nbsp;&nbsp; 
      <div href="#" class="col-md-4"> 
       @item.ShiftSegmentTypeName 
      </div> 
      <div href="#" class="badge col-md-6"> 
       @item.StartDT.TimeOfDay 
       - 
       @item.EndDT.TimeOfDay 
      </div> 
     </li> 
    } 
} 
} 

そして、ここで私がオープンしようとしているモーダルです：任意の助けを事前に

<div class="modal fade" role="dialog" id="shiftSegmentDeleteModal"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <h4 class="modal-title">Delete Down Time?</h4> 
     </div> 
     <div class="modal-body"> 
      Are you sure you want to delete this Down Time period? 
     </div> 
     <div class="modal-footer"> 
      <button class="btn btn-primary" id="btnConfirmSegmentDelete">Confirm</button> 
      <button class="btn btn-primary" id="cancelSegmentDelete" data-dismiss="modal"> 
       Cancel 
      </button> 
     </div> 
    </div> 
</div> 

感謝。あなたのhrefのリンククラス= "mypopup"

$（文書）.on（ 'クリック'、 '.mypopup'、機能（E）{$（ '＃のshiftSegmentDeleteModal'）へ

Answer 1

所与のクラス。モーダル（ 'show'）;}）;