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

我看不到这里的全貌，但听起来你需要使用unbind：

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

使用ajax问题的Jquery选项卡

1 个答案: