Как сохранить JQuery сортируемые вкладки и порядок аккордеона, используя куки? - PullRequest
Новая
       15

Как сохранить JQuery сортируемые вкладки и порядок аккордеона, используя куки?

3 голосов
/ 15 сентября 2010

У меня есть несколько сортируемых вкладок и аккордеонов jQuery, которые я хочу, чтобы они были в том же порядке, когда пользователь выбирает эту страницу.Я думал об использовании куки для этого.

Как я могу это сделать?

Заранее спасибо.

1 Ответ

1 голос
/ 05 января 2012

, чтобы упростить настройку и получение файлов cookie, используйте функцию jquery: 

// COOKIES!
// setting: $.cookie('name', value [, int]); // optional expiry in days
// getting: $.cookie('name');
// deleting: $.cookie('name', null);
$.cookie = function() {
  function get(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');

    for (var i=0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0)==' ') c = c.substring(1,c.length);
      if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
  }

  function set(name,value,days) {
    if (days) {
      var date = new Date();
      date.setTime(date.getTime()+(days*24*60*60*1000));
      var expires = "; expires="+date.toGMTString();
    } else {var expires = "";}

    document.cookie = name+"="+value+expires+"; path=/";
  }

  function xdelete(name) {
    set(name, null, -1);
  }

  if (arguments.length == 1) {
    return get(arguments[0]);

  } else if (arguments[1] == null) {
    xdelete(arguments[0]);

  } else {
    set(arguments[0], arguments[1], arguments[2]);
  }
}

затем настройте обработчик сортировки на ваших сортируемых вкладках (при условии, что вы используете сортируемый пользовательский интерфейс jquery): 

$('.sortable').bind('sortchange', function() {
    // serialize the sort order (http://jqueryui.com/demos/sortable/#method-serialize)
    var sortable_order = $(this).sortable('serialize');
    // now you have a query string containing your item ids and their position
    // you can save them to a cookie and then do something with it next time the page loads
    $.cookie('sortable_order', sortable_order);

    // or you can send the sortable_order back to the server and save their order so that 
    // they can be rendered in the new order. This bypasses the need for cookies
    $.post('/your_item_sort_route_here', sortable_order);
    // of course you'd have to write your own backend logic for this
});

используя подход cookie, вы проверяете наличие этого cookie sortable_order при загрузке страницы 

$(document).ready(function() {
    var sortable_order = $.cookie('sortable_order');

    if (sortable_order) {
        // you would parse the sortable_order string to get the sortable item ids and their positions
        // and then use jQuery manipulation functions to rearrange the DOM
        // I'll leave that up to you! tee hee. If you can't figure this part out post back
        // and i'll give it a shot.
    }
});

Надеюсь, это подтолкнуло вас в правильном направлении!

...