jquery - 在 JQuery UI 选项卡中单击时刷新选项卡内容

Question

TAB1的内容是通过ajax从远程url加载的。当选择 TAB1 时，我必须切换到 TAB2，然后返回 TAB1 来刷新加载的内容。

如何让TAB1在点击其选项卡时刷新加载的内容？

编辑: HTML 代码如下

<div id="tabs">
    <ul>
        <li><a href="url1">Tab1</a></li>
        <li><a href="url2">Tab2</a></li>
    </ul>
</div>
<script type="text/javascript"> 
    $(document).ready(function(){
        $tabs = $("#tabs").tabs({
            select: function(event, ui) {
                $('a', ui.tab).click(function() {
                    $(ui.panel).load(this.href);
                    return true;
                });
            }
        });
});
</script>

Answer 1

在 jQuery 中刷新选项卡的另一种简单方法是使用 load 方法:

$('#my_tabs').tabs('load', 0);

数值是您要刷新的选项卡的从零开始的索引。