處理jQuery工具中的Ajax事件標籤工具

Question

我想在jQuery Tools（tab模塊）中處理Ajax事件（如「成功」）。
我對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});