0
我试图找到如何添加类到div如何设置cookie的方式。使用https://github.com/js-cookie/js-cookie。当我们点击带有“bar-info”类的按钮时Cookie被设置。但我不知道如何读取cookie(Cookies.get),并且当文档准备就绪时,将类(隐藏)添加到具有与我们设置为cookie的ID相同的ID的div。有人能帮我吗?js-cookie,添加类如果设置了不同的cookie
$('[different-id-bar]').each(function() {
var $bar = $(this);
var button = $bar.find('[data-dismiss="bar-info"]');
//var getCookieIdName = $(document).data('cookie-id');
var getCookieId = $(this).attr('data-cookie-id');
var cookieName = 'data-cookie-bar-' + $(this).attr('data-cookie-id');
//var $cookie = Cookies.get(cookieName, getCookieId);
//if ($cookie) {
//$bar.addClass('hidden');
//}
button.on('click', function() {
Cookies.set(cookieName, getCookieId, {expires: 300});
$bar.addClass('hidden');
});
//$(document).ready(function(){
//if (Cookies.get(cookieName, getCookieId)) {
//$bar.addClass('hidden');
//}
//});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js-cookie-plugin-local-destination"></script>
<div class="row row-main" data-cookie-id="2585646" different-id-bar>
\t <div class="message-info">
\t \t <p class="content">
\t \t \t <a href="#">Lorem ipsum dolor sit amet.</a>
\t \t </p>
\t \t <a href="#" class="btn-close" data-dismiss="bar-info"><span>Close</span></a>
\t </div>
</div>
非常感谢你:-)它工作:-) –