当前位置: 代码迷 >> JavaScript >> jquery tabs 局部刷新选卡,怎么实现,求大神帮忙
  详细解决方案

jquery tabs 局部刷新选卡,怎么实现,求大神帮忙

热度:521   发布时间:2013-08-01 15:23:18.0
jquery tabs 局部刷新选卡,如何实现,求大神帮忙

在新建一个首次交底时,用ajaxForm表单提交,成功后,通过回调函数返回这个页面并显示这条添加的信息
我希望只刷新选卡项的内容,不知道如何实现,求大家帮帮忙,在线等,很急
jQuery tabs

------解决方案--------------------
$( ".selector" ).tabs( "refresh" );


http://api.jqueryui.com/tabs/#method-refresh


或者给tab的内容控件增加id,通过jquery来操作这个控件就行了$('#id').append('xxxxx')
------解决方案--------------------
本帖最后由 showbo 于 2013-07-29 21:04:50 编辑
楼主什么版本的jquery UI?

1.8用$('selector').tabs('select',index)来激活需要的tab,index从0开始计算

1.9+用$( ".selector" ).tabs( "option", "active",index );
------解决方案--------------------
楼主解决了么,版本大人说的很仔细啊,应该是没问题的啊,  我也跟3楼一样的疑问 你是刷新选项卡?还是选中的选项卡内容的记录区域? 如果是刷新选项卡,用refresh应该是可以的啊,或者close掉再open,
如果是刷新选项卡内容,就那刷新你绑定的那个数据表格就可以了,  其它的不会被刷新掉的。
 
------解决方案--------------------
引用:
不行,版主的那两个都试了,在第二个选卡操作数据时,返回页面的时候还是默认第一个选项卡,不是当前的


10楼版主说的很仔细了,你仔细看看  根据你的版主参照试试, 
('selector').tabs('select',index) 我没用jqueryui 但是感觉这个应该是有的啊, 如果实在不行,你就close 再open 这样打开的那个永远在最后面,肯定也是选中的那一个。
------解决方案--------------------
引用:
Quote: 引用:

楼主解决了么,版本大人说的很仔细啊,应该是没问题的啊,  我也跟3楼一样的疑问 你是刷新选项卡?还是选中的选项卡内容的记录区域? 如果是刷新选项卡,用refresh应该是可以的啊,或者close掉再open,
如果是刷新选项卡内容,就那刷新你绑定的那个数据表格就可以了,  其它的不会被刷新掉的。
 
刷新选中 的选项卡,我每次返回都是默认的第一个选项卡,


  $(function () {
        $("#tabs").tabs({ ajaxOptions: { async: true} },
              {
            beforeLoad: function (event, ui) {
                ui.jqXHR.error(function () {
  相关解决方案