Вкладки Jquery, использующие проблему ajax - PullRequest
Новая
       9

Вкладки Jquery, использующие проблему ajax

0 голосов
/ 18 августа 2011

Это тип кнопки. 

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

Что мне следует делать с моими вкладками?

1 Ответ

0 голосов
/ 18 августа 2011

Я не вижу полную картину здесь, но похоже, что вам нужно использовать unbind: 

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