jQ/UI 升级后无法使 jQ UI 选项卡与 cookie 一起工作

Question

我有这段代码，它使用 cookie 使 jquery 选项卡选择在刷新时保持不变

问题在于它只适用于 jQuery UI 1.7.2 和 jQuery JavaScript Library v1.4.1

如果我更新到 jQuery UI - v1.10.0 和 jQuery JavaScript Library v1.9.0，它将不再持续存在（没有错误，只是不会在页面加载时持续选择选项卡）

有人知道为什么吗？

这里是代码

$( function(){
  var cookieName = 'stickyTab';
  $( '#tabs' ).tabs( {
     selected: ( $.cookies.get( cookieName ) || 0 ),
     select: function( e, ui ){
       $.cookies.set( cookieName, ui.index );
     }
  } );
} );

在我的 html 中有

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery-ui.js"></script>
    <script type="text/javascript" src="jquery.cookies.js"></script>

cookie由http://code.google.com/p/cookies/提供

Answer 1

cookie 代码没问题，但 jQuery UI Tabs API 已随着您的升级而改变。

1. selected 不再是有效选项，它已重命名为 active。
2. select 不再是有效事件 - 它已更改为 activate。
3. 传递给activate 的ui 参数的index 属性已被删除，需要做更多工作才能确定哪个选项卡刚刚激活。

这是正在使用的新 API 的现场演示：http://jaaulde.com/test_bed/stickytabNewAPI/

这里是具体的JS：

    $(function () {
        var cookieName = 'stickyTabNewAPI',
            $tabs = $('#tabs'),
            $lis = $tabs.find('ul').eq(0).find('li');

        $tabs.tabs({
            active: ($.cookies.get(cookieName) || 0),
            activate: function (e, ui) {
                $.cookies.set(cookieName, $lis.index(ui.newTab));
            }
        });
    });

我可以理解从 select 到 activate 的名称更改等。但是，我不明白为什么他们删除了 ui 参数的 index 属性。它使更多的工作......