我正在尝试使用带有引导网格的toggle()
上的jquery cookie设置Cookie。我只是不知道如何设置cookie并且无法让我解决它。
有关如何使用我当前的代码执行此操作的任何想法?
$('.grid-toggle a').click(function(event) {
$('.list-products li').removeClass('col-md-3 col-lg-3 col-md-2 col-lg-2 col-md-3 col-lg-3 col-md-4 col-lg-4 col-md-6 col-lg-6');
if ($(this).hasClass('three')) {
$('.list-products li').addClass('col-md-4 col-lg-4');
}
if ($(this).hasClass('two')) { //for less products
$('.list-products li').addClass('col-md-6 col-lg-6');
}
return false;
});
// Button
//
$(".two, .three").click(function()
{
$(".two, .three").toggle();
});
这允许我切换当前的产品网格:
<ul class="list-products row">
<li class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
one
</li>
<li class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
two
</li>
<li class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
three
</li>
<li class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
four
</li>
</ul>
我用这个来设置切换:
<div class="grid-toggle">
<a class="two" href="#">2</a>
<a class="three" style="display:none;" href="#">4</a>
</div>