jquery tabs使用ajax问题

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(){
 // ...
});