使用ajax问题的jquery选项卡

Question

这是按钮类型。

<input type="button" name="add_person_to_notify" value="Submit" id="add_person_to_notify"> 

这是脚本代码。

<script type="text/javascript"> 
    $(function(){ 
      $("#dialog_person_to_notify_form").dialog({ 
       modal: true, 
       width: 'auto', 
       autoOpen: false 
      }); 
      $("#add").click(function(){ 
       $("#dialog_person_to_notify_form").dialog("open");          
      }); 

     $("#add_person_to_notify").click(function(){ 

       var data = $('#form_person_to_notify').serialize(); 
       $.post('<?php echo base_url_l(); ?>hr/recruitment_tab/recruitment/person_to_notify_process',data,function(){ 
        alert("Person to notify has been added!"); 
        $("#dialog_person_to_notify_form").dialog("close"); 
        $('#applicant-view-form-tabs').tabs('load',0); 
       }); 
     });     
    }); 
    </script> 

现在我想出了问题。一旦该标签重新加载，该功能发生两次。如果该选项卡第三次重新加载。功能发生三次，如此等等。谁能帮我什么问题？我使用AJAX作为制表符。

这是我如何使用选项卡。

<div class="wrapper-maint"> 
    <div id="applicant-view-form-tabs" class="main-tab"> 
     <ul> 
      <li><a href="<?= base_url_l() ?>tab1">Budget Management</a></li> 
      <li><a href="<?= base_url_l() ?>tab2">Transactions</a></li> 
      <li><a href="<?= base_url_l() ?>tab3">Reports</a></li>   
      </ul> 
     </div> 
</div> 
<script type="text/javascript"> 
$(function(){ 
    $('#tabs-finance').tabs({ 

    }); 
}); 
</script> 

有什么我应该做我的标签？

Answer 1

我没有看到完整的图片在这里，但听起来像是你需要使用解除绑定：

$("#add_person_to_notify").unbind('click').click(function(){ 
// ... 
});