ブートストラップモーダルでJqueryループが2回実行される

Question

ajaxを使用してブートストラップモーダルのコンテンツを生成しています。データがそこに読み込まれるとき、私はそのモーダルの「選択」（数字の動的なもの）をループし、その名前と選択された値を警告したいが、常に最初に選択されたデフォルト値を警告する選択したものに警告します。 コンテンツ生成コードブートストラップ私のダイナミックは、いくつかのいずれかがモーダルで「alertselected」のIDを持つボタンをクリックして、そのコードはあなたがいずれかのことができ、使用

$(document).on('click','#alertselected',function(e){ 
    e.preventDefault(); 
    var serverBaseUrl = '<?php echo base_url();?>'; 
    $('select').each(function() {  
    var selectedOption = $(this).find('option:selected'); 
    alert('Value: ' + selectedOption.val() + ' Text: ' + selectedOption.text()); 
    }); //select dot each 

}); // Document dot on click quick view 

Answer 1

とき

$(document).on('click','.quick_view',function(e){ 
e.preventDefault(); 
var serverBaseUrl = '<?php echo base_url();?>'; 
$(".modal-body").html(''); 
$("#qv").modal('show'); 

$.post(
    serverBaseUrl+'Ajax/productQuickView.php', 
    { 
    id:$(this).attr('data-id')  
    }, 
    function(html_response){ 
    $(".modal-body").html(html_response); 
    return false; 
    } 

);// post 
}); // Document dot on click quick view 

私のjQueryのループを二回実行されます以下の通りですoffまたはunbind最初off/unbindイベントに、そしてあなたが複数の選択ボックスの存在を持っている必要があります

$(document).off('click').on('click','#alertselected',function(e){ 
    ...//Rest of code 
})