在 jQuery Tools for Tabs 中处理 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});