我正在使用以下脚本在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' );
}
});