在jQuery工具中處理Tab的Ajax事件

Question

我想在jQuery工具（選項卡模塊）中處理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});