Обработка событий Ajax внутри jQuery Инструменты для вкладок

Question

Я хочу обрабатывать события Ajax (например, «успех») в jQuery Tools (модуль вкладки).
У меня есть этот код для HTML:

<div class="wrap"> 
    <div class="pane"> 
     <ul class="tabs"> 
      <li><a href="1.php">Tab 1</a></li> 
      <li><a href="2.php">Tab 2</a></li> 
      <li><a href="3.php">Tab 3</a></li> 
     </ul> 

     <div class="pane-ajax"> 
      <div class="ajax"> 
       <h3>just a test</h3> 
       <div id="name"> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

и это JavaScript:

$(function(){ 
    jQuery("ul.tabs").tabs("div.pane-ajax > .ajax", {effect: 'ajax'});  
}); 

Где я должен поместить управление кодом Ajax?

Answer 1

Я узнал, как достичь того, чего я хотел, создав пользовательский эффект:

jQuery.tools.tabs.addEffect("myAjax", function(index, done) { 
    jQuery.ajax({ 
     context: this, 
     url:'myUrl.php', 
     data:{index:index}, 
     success: function(data){    
      this.getPanes().eq(0).html(data); 
      done.call(); 
     }, 
     error: function(){ 
      console.log('error');    
     } 
    }); 
}); 
jQuery("ul.tabs").tabs("div.pane-ajax > div.ajax", {effect: 'myAjax',initialEffect:true});