Boostrapモーダルが機能しない

Question

こんにちは、私は今問題があるのを助けてくれることを願っています。

私はボタンを押したときに、事があり、ボタンを持っているHTMLコードがで

メインビューのページ

<tr class="odd"> 
<td class=" sorting_1">CU</td> 
<td class="">Cliente Unico</td><td class="">101</td> 
<td class=""> 
<span id="edit_CU" class="ui-icon ui-icon-pencil" data-toggle="modal" data-target="#modal_edit"></span> 
<span id="delete_CU" class="ui-icon ui-icon-trash" data-toggle="modal" data-target="#modal_delete"></span> 
</td> 
</tr> 

自体を生成モーダルを使用してJSのコードを実行しようとしていますid = "edit_CU" HTMLコードが生成されるとCUが変化するので、id = "delete_CU"でも常に同じではない

スパンアイコンをクリックすると、モーダルがトリガーされ、次のように表示されます。

012彼らは「はい」、それはメッセージをポップアップする必要がありクリックすると、その情報を削除したい場合は、[編集]をクリックするか、このビューページでボタン

<div id="modal_delete" class="modal fade"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title">Delete vertical</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Are you sure you want to delete?</p>     
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">No</button> 
       <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_delete">Yes</button> 
      </div> 
     </div> 
    </div> 
</div> 

<script type="text/javascript" src="<?php echo base_url('assets/js/helper/func_verticales.js');?>"></script> 

を削除

View]ページには、ユーザーに尋ねる...しかし、それはありません何も、誰かが私に手を差し伸べることができる？

私が正しくよりもあなたを理解していればこれがJavaScriptのあなたのボタンをオフに警告

$("#modal_delete").on('show.bs.modal', function(event){ 
    alert("hello"); 
    }); 
}); 

Answer 1

ですクリックイベントを委任してください

あなたのボタンには、いくつかの適応を必要とする - 私は、データトグルおよびデータ・ターゲットその後

<button type="button" class="btn btn-primary">Yes</button> 

の理由を見ていないので - あなたのJSコードで：

$("button.btn-primary").on("click","#modal_delete",function() 
{ 
    alert("hello"); 
}); 

Answer 2

を実行し、ないモーダル

<button id="modal_delete">Yes</button> 

$("#modal_delete").on('click', function(event){ 
    alert("hello"); 
    }); 
}); 

または使用確認ボックス

$('#modal_delete').click(function(ev){ 
     ev.preventDefault(); 
     var r = confirm("Are you sure?"); 
     if (r == true) { 
      //run delete code here 
     } 
    });