Вкладки jQueryUI: разные вкладки = разные куки? - PullRequest
Новая
       13

Вкладки jQueryUI: разные вкладки = разные куки?

0 голосов
/ 25 октября 2011

У меня две стандартные вкладки jQueryUI, выглядящие практически одинаково.Для удобства им добавлена ​​опция cookie.Но теперь, когда я меняю страницу с одной вкладки на другую, из-за файла cookie будет выбран тот же индекс табуляции на другой странице.

Можно ли назначить идентификатор cookie для функции вкладки иличто-нибудь похожее?

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>') 
      } 
    } 
  }) 
});

1 Ответ

2 голосов
/ 25 октября 2011

Вы можете сделать это с помощью name:)

Начиная с jQuery UI 1.7, также можно определить имя файла cookie, которое используется через свойство name. 

$(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>') 
      } 
    } 
  }) 
});
...