Javascript 如何连接cookie?
我正在尝试连接cookies。 我有这个。很难将检查表与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="">');
<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');
});
});