Question

我正在使用带有Cookie的JQUERY UI TABS来保留标签，但它不起作用。这是对的吗？

         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
         <script src="JS/jquery.cookies.2.2.0.min.js" type="text/javascript"></script>
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

        $("#tabs").tabs({ cookie: { expires: 30} });

        <div id="tabs">
        <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>

Answer 1

您是否已加入Cookie插件？

请注意jQuery UI上的依赖关系Tab documentation：

<强>依赖关系

UI Core
UI Widget
Optional: jquery.cookie.js for use with cookie option 
(also included in development-bundle>external folder.)

这意味着要使用jQuery UI选项卡的cookie持久性功能，还必须包含jquery.cookie.js JavaScript（在jQuery UI JavaScript之上）。

例如：

<script src="/scripts/jquery.min.js" type="text/javascript"></script>
<script src="/scripts/jquery.cookie.js" type="text/javascript"></script>
<script src="/scripts/jquery-ui.min.js" type="text/javascript"></script>

如果在确保此正确后Cookie持久性仍然失败，请确保已安装FireBug并在原始问题中包含任何错误输出。

jQuery UI选项卡不使用cookie

1 个答案: