jQueryUI標籤：不同的標籤=不同的cookie？

Question

我有兩個標準的jQueryUI標籤看起來差不多。 爲了提高舒適度，他們添加了cookie選項。但是現在，當我將頁面從一個標籤頁更改爲另一個標籤頁時，由於該cookie，將在另一個頁面上選擇相同的標籤索引。

是否可以將cookie-id分配給選項卡函數或類似的東西？

的HTML：

<div id='tabs' class='ui-tabs'> 
    <ul class='ui-tabs-nav'> 
    <li><a href='link'>Item</a></li> 
    <li><a href='link'>Item</a></li> 
    <li><a href='link'>Item</a></li> 
    <li><a href='link'>Item</a></li> 
    <li><a href='link'>Item</a></li> 
    </ul> 
</div> 

而jQuery的：

$(function() { 
    $('#tabs').tabs({ 
    cookie: {expires: 1}, 
    spinner: '<img src=\'img/icons/loading.gif\' />', 
    load: function (e, ui) { $(ui.panel).find('.tab-loading').remove(); }, 
    select: function (e, ui) { 
     var $panel = $(ui.panel); 
     if ($panel.is(':empty')) { 
     $panel.append('<div class=\'tab-loading\' style=\'text-align: center; font-weight: bold; width: 100%\'>Loading...</div>') 
     } 
    } 
    }) 
}); 

Answer 1

你可以用名字:)

做到這一點由於jQuery UI的1.7，也可以定義通過名稱屬性使用cookie名稱 。

$(function() { 
    $('#tabs').tabs({ 
    cookie: {name: 'myTabCookie', expires: 1}, 
    spinner: '<img src="img/icons/loading.gif" />', 
    load: function (e, ui) { $(ui.panel).find('.tab-loading').remove(); }, 
    select: function (e, ui) { 
     var $panel = $(ui.panel); 
     if ($panel.is(':empty')) { 
     $panel.append('<div class="tab-loading" style="text-align: center; font-weight: bold; width: 100%">Loading...</div>') 
     } 
    } 
    }) 
});