Forms jQuery UI选项卡出现问题&；Cookie选项

我正在使用，我想设置一个cookie（使用他们推荐的jquery.cookie.js脚本，来自stilbuero.de/jquery/cookie/），以记住页面刷新时最后选择的选项卡。这很容易，按照jqueryui.com上的说明去做

在上下文中，这些选项卡将显示表单中的搜索结果。我想更进一步，在提交表单时删除cookie，这样在提交新搜索词时，默认选项卡将再次可用。这部分进展不太顺利。jqueryui.com和stilbuero.de上给出的例子完全不同，而且它们之间也没有真正的冲突，这无助于解决问题。我以前从未处理过Cookie，而且我对jQuery的理解还不足以从头开始开发它，所以任何帮助都会很好

这是我的标签：

<div id="selector" class="ui-mainColTabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
</div>

---

帮我欧比-万·克诺比。你是我唯一的希望。

好吧，没关系。我想出来了。以下是新的工作代码：

<div id="selector" class="ui-mainColTabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
</div>

<form id="form">
    <input type="submit" value="Kill" />
</form>

<a href="#" id="getCookie">Get</a>

<script type="text/javascript">
<!--
$(document).ready(function() {
    $("#selector").tabs({
        cookie: {
            name: 'tab_cookie',
            expires: 7
        }
    });
    $(".ui-tabs-nav, .ui-tabs-nav > *")

    $('#getCookie').click(function() {
        alert($.cookie('tab_cookie'));
    });

    $('#form').submit(function() {
        $.cookie('tab_cookie', null);
    });
});
//-->
</script>

问题是我不知道如何识别我试图使用的cookie。但纯粹出于愚蠢的运气，我尝试插入一个“名字”选项。jqueryui.com没有提到这一点，这有点令人沮丧。希望这能帮助其他人解决同样的问题

---

所以我猜我是欧比万。跟我来。

非常感谢你，这是一个救命恩人！哦，顺便说一句，他们确实提到了“名字”，但没有使用这个选项的例子，这真的很令人伤心。干杯，欧比！：）

<a href="#" class="getCookie">get cookie</a>

// slightly altered example code from jqueryui.com
// init tab ui, set cookie
$("#selector").tabs({
    cookie: {
        expires: 30
    }
});
$(".ui-tabs-nav, .ui-tabs-nav > *")


// slightly altered example code from stilbuero.de
var COOKIE_NAME = 'test_cookie';
var ADDITIONAL_COOKIE_NAME = 'additional';
var options = { path: '/', expires: 10 };

// get cookie
$('a.getCookie').click(function() {
    alert($.cookie(COOKIE_NAME));
    return false;
});

// kill cookie
$('#form').submit(function() {
    $.cookie(COOKIE_NAME, null, options);
    return false;
});

<div id="selector" class="ui-mainColTabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
</div>

<form id="form">
    <input type="submit" value="Kill" />
</form>

<a href="#" id="getCookie">Get</a>

<script type="text/javascript">
<!--
$(document).ready(function() {
    $("#selector").tabs({
        cookie: {
            name: 'tab_cookie',
            expires: 7
        }
    });
    $(".ui-tabs-nav, .ui-tabs-nav > *")

    $('#getCookie').click(function() {
        alert($.cookie('tab_cookie'));
    });

    $('#form').submit(function() {
        $.cookie('tab_cookie', null);
    });
});
//-->
</script>