Javascript 如何连接cookie?

Javascript 如何连接cookie?,javascript,jquery,Javascript,Jquery,我正在尝试连接cookies。 我有这个。很难将检查表与cookie结合起来 <script> jQuery(function($){ var arrow = $('.multi-accordion li > a').next(); if (arrow.length) { $(arrow).parent().append('<img src="v.svg" alt="">');

我正在尝试连接cookies。 我有这个。很难将检查表与cookie结合起来

<script>
    jQuery(function($){
        var arrow = $('.multi-accordion li > a').next();
            if (arrow.length) {
            $(arrow).parent().append('<img src="v.svg" alt="">');
            }
    $('.multi-accordion li > a').on('click', function (event) {
        var value = $('.multi-accordion li > a').index(this);
            Mage.Cookies.set('nav-item', value);
        var $this = $(this), $next = $this.next();
            if ($next.length) {
            $next.slideToggle().parent().toggleClass('opened').siblings().children('ul').filter(':visible').slideToggle();
            event.preventDefault();
            }
        });
    });
</script>

不需要包含cookie.js。 您可以将导航项目索引保存在会话存储中。 访问下面的会话存储链接。


您不需要连接cookie.js Magento已经有了一个用于处理cookie的js方法

例如

Mage.Cookies.set('name','value');
Mage.Cookies.get('name');
Mage.Cookies.clear('name')


你也可以使用js库(没有jQuery)

我在你的代码中没有看到cookie代码,我做了很多尝试。但是它们既不能使用accordion也不能使用cookies。您是否试图在cookie中保存accordion的状态?仅供参考
$(箭头)
是多余的;因为它来自
$
选择器,所以它已经被jQueryfied了。您可以直接在上面调用
.parent()
。@Aerovistae我有一个动态html标记。所以我需要使用$(箭头)我该怎么写来核对你的话?谢谢!只有这个手风琴不行。我需要在('click',function(event){
..
event.preventDefault();
请帮助,使用您的脚本版本。我建议您创建一个JSFIDLE()。这样我就可以适当地帮助您了
Mage.Cookies.set('name', 'value'); // install cookie
Mage.Cookies.get('name'); // get cookie
Mage.Cookies.clear('name'); // remove cookie
jQuery(function ($) {
    // CHECK IF nav-item IS STORED IN SESSION STORAGE
    if (sessionStorage.getItem("nav-item"))
    {
        $('#nav > li > a:eq(' + sessionStorage.getItem("nav-item") + ')').next().show();
    }
    $('#nav > li > a').click(function () {
        var intNavIndex = $(this).index(this);
        // SAVE NAV INDEX TO SESSION STROAGE
        sessionStorage.setItem("nav-item", intNavIndex);
        $('#nav li ul').slideUp();
        if ($(this).next().is(":visible")) {
            $(this).next().slideUp();
        } else {
            $(this).next().slideToggle();
        }
        $('#nav li a').removeClass('active');
        $(this).addClass('active');
    });
});