Question

我通过ajax生成bootstrap模式的内容。当数据加载到其中时，我想循环遍历该模态中的每个“选择”（其数量是动态的）并提醒其名称和选定值，但它始终提醒我两次，第一次它提醒所有默认选定值然后它会提醒我选择的那个。我的动态引导内容生成代码如下：

 $(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循环运行两次，只需单击一个id为“alertselected”的按钮，其模式为

$(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

您可以使用off或unbind首先off/unbind该活动，然后附加活动

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

Jquery循环在bootstrap模式中运行两次

1 个答案: