jQuery选项卡cookie持久性与ajax

Question

我有两组选项卡，一个嵌套在另一个。嵌套的选项卡通过刷新所有内容的setInterval重新加载。在页面加载时，这些嵌套选项卡的cookie会设置正常，但一旦刷新发生，它将消失，选定的选项卡会跳回第一个。下面是它的样子：http://screencast.com/t/nAZlNXIBe 所以，当我在Assigned选项卡下，然后单击Normal选项卡时，我希望它在setInterval启动并刷新这些选项卡时保持在Normal选项卡上。下面是我使用的代码：

var $tabs2 = $('#nested').tabs({ cookie: { expires: 1, name: "nested_tabs" } }); 
setInterval(function() { 
    $('#tabs-1 .content').load('/dashboard/mine'); 
}, 30000); 

此代码基本上只是设置标签和cookie，那么刷新碰巧来填充整个区域，包括标签。它会被打破，因为标签正在重新加载ajax？

Answer 1

好吧，我想通了，这里的代码：

var $tabs2 = $('#nested').tabs(); 
$tabs2.bind('tabsselect', function(event, ui) { 
    $.cookie('nested_tabs', ui.index); 
}); 
setInterval(function(){ 
    $.ajax({ url: '/dashboard/mine', success: function(html){ 
    $tabs2.tabs("destroy"); 
    $('#tabs-1 .content').html(html); 
    $tabs2 = $('#nested').tabs({ selected: $.cookie('nested_tabs') }); 
    $tabs2.bind('tabsselect', function(event, ui) { 
     $.cookie('nested_tabs', ui.index); 
    }); 
    }   
}); 

Answer 2

您的cookie在1ms后到期，改变它。

如果您尚未这样做，您可能需要加载cookie plugin，它会在jquery-ui文件之前执行。

你可以试试：

var $tabs2 = $('#nested').tabs({ cookie: { expires: 30000, name: "nested_tabs" } }); 
setInterval(function() {  
     $.ajax({ url: '/dashboard/mine', success: function(html){ 
      $tabs2.tabs("destroy"); 
      $('#tabs-1 .content').html(html); 
      $tabs2 = $('#nested').tabs({ cookie: { expires: 30000, name: "nested_tabs" } }); }   
     }); 
    }, 30000); 

，但我怀疑重装毁坏和重建的标签每隔30秒将是很好的CPU /带宽/ UX ...