使用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>

现在我找出了问题所在。 重新加载选项卡后，该功能会发生两次。 如果标签是第三次重新加载。 功能发生3次，依此类推。 谁能帮我这是什么问题？ 我正在使用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

我在这里看不到完整图片，但听起来您需要使用unbind：

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