在JQuery UI选项卡中点击刷新选项卡内容

前端之家收集整理的这篇文章主要介绍了在JQuery UI选项卡中点击刷新选项卡内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
TAB1的内容由远程网址的ajax加载.当选择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>

解决方法

在jQuery中刷新选项卡的另一种简单方法是使用load方法
$('#my_tabs').tabs('load',0);

数值是您要刷新的选项卡的基于零的索引.

猜你在找的jQuery相关文章