我正在使用以下脚本为 wordpress 博客上的视图模式(即网格视图、全视图)设置和检索 cookie。它很好用,除非您转到帖子的第二页,否则它不会保持相同的视图状态。基本上,每个页面都有自己的 cookie。我想要的是设置 cookie 以影响循环的所有博客文章页面。
这里使用 jQuery cookie:
$(document).ready(function(){
var wrap = $('#viewMode'),
viewMode = $.cookie( 'view-mode' );
wrap.children().hide();
$('.js-view-mode').on( 'click', 'a',function( e ){
e.preventDefault();
var t = $(this),
type = t.attr('href');
if( t.parent().hasClass('s') ) return;
t.parent().addClass('s')
.siblings().removeClass('s');
var lheight = $("#viewMode").height();
if(lheight != 0){
$("#viewMode").css("height",lheight+"px");
}
wrap.children().fadeOut(); $(type).delay(500).fadeIn(function(){
$("#viewMode").css("height","auto");
});
viewMode = $.cookie( 'view-mode', type );
});
if ( viewMode ) {
$('.js-view-mode a[href='+ viewMode +']').trigger('click');
} else {
$('.js-view-mode li:first a').trigger( 'click' );
}
});