[英]Set cookie to menu jquery
我有一个代码:
我有两个按钮和两个列表。 这是我的代码:
$(document).on('mouseenter', '.select-user-type-js', function() { $('.select-user-type-js.active').add($(this)).toggleClass('active'); if ($(this).hasClass('select-user-type_customer')) { $('#buyer').show(); $('#seller').hide(); } else { $('#buyer').hide(); $('#seller').show(); } }); $(document).on("click", ".select-user-type-js", function() { if ($(this).hasClass('select-user-type_customer')) { $.cookie("tab", 'select-user-type_customer'); } else { $.cookie("tab", 'select-user-type_performer'); } }); if ($.cookie("select-user-type_customer")) { $('#buyer')).show(); $('#seller').hide(); $('.select-user-type_performer').not($(this)).removeClass('active'); } else { $('#seller')).show(); $('#buyer').hide(); $('.select-user-type_customer').not($(this)).removeClass('active'); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="" class="select-user-type-js select-user-type_customer active">Customer</a> <a href="" id="seller" class="select-user-type-js select-user-type_performer">Seller</a> <ul id="buyer"> <li><a href="#">Menu for buyer #1</a></li> <li><a href="#">Menu for buyer #2</a></li> <li><a href="#">Menu for buyer #3</a></li> </ul> <ul id="seller" style="display: none;"> <li><a href="#">Menu for seller #1</a></li> <li><a href="#">Menu for seller #2</a></li> <li><a href="#">Menu for seller #3</a></li> </ul>
如何写入Cookie菜单? 当用户重新加载到页面时,单击特定按钮时保存他选择的菜单。 我的代码不适用于Cookie
这是一个工作演示你的榜样的Cookie
$(document).on('mouseenter', '.select-user-type-js', function() {
$('.select-user-type-js.active').add($(this)).toggleClass('active');
if ($(this).hasClass('select-user-type_customer')) {
$('#buyer').show();
$('#seller').hide();
} else {
$('#buyer').hide();
$('#seller').show();
}
});
$(document).on("click", ".select-user-type-js", function(e) {
e.preventDefault()
if ($(this).hasClass('select-user-type_customer')) {
Cookies.set("tab", 'select-user-type_customer');
} else {
Cookies.set("tab", 'select-user-type_performer');
}
});
if (Cookies.get("tab") == 'select-user-type_customer') {
$('#buyer').show();
$('#seller').hide();
$('.select-user-type_customer').addClass('active');
} else {
$('#seller').show();
$('#buyer').hide();
$('.select-user-type_performer').AddClass('active');
}
当您需要检查cookie值时,必须做Cookies.get("tab") == 'select-user-type_customer'
而不是Cookies.get("select-user-type_customer")
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.