ユーザーがモバイル レイアウトとデスクトップ レイアウトを切り替えることができるレスポンシブ デザインを作成しました。私の唯一の問題は、ユーザーがデスクトップ バージョンを表示したい場合に、別のリンクをクリックするか、ページを更新すると、モバイル バージョンが再度読み込まれることです。ページの読み込みごとにユーザーの好みを記憶するように、Cookie を作成したいと考えています。
ここに私が使用しているjavascriptがあります:
$(document).ready(function () {
$('.full_site').click(function() {
$('body').removeClass('mobile');
$('body').addClass('desktop');
$('.views-row').each(function(i,e) {
$('.content .body', e).insertAfter($('.content .loc-text', e));
});
});
$('.mobile_site').click(function() {
$('body').removeClass('desktop');
$('body').addClass('mobile');
$('.views-row').each(function(i,e) {
$('.content .body', e).insertBefore($('.content .field-name-field-image-one', e));
});
$('.views-row').each(function(i,e) {
$('.content .body', e).insertBefore($('.content .field-name-field-image', e));
});
});
});