JQ and html работа с .cookie

@Aziz12 · Регистрация: 14.01.2014

Author24 — интернет-сервис помощи студентам

вот код html кода с jq-скриптами ... в неё можно перемещать элементы списка и записывать в куки массив который получился после перемещения.. но мне не нужен весь массив я хочу узнать только какой элемент был перемещён и перед каким элементом я его переместил.

Комментарий модератора

Загрузил код на форум. Больше так (код во вложениях) не поступайте

HTML5

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script src="/ui/jquery-1.8.3.js"></script>
  <script src="/ui/jquery.cookie.js"></script>
  <script src="/ui/jqueryui.custom.js"></script>
  <link type="text/css" href="/ui/jqueryui.custom.css" rel="stylesheet" />
 <style type="text/css">
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
  #sortable li span { position: absolute; margin-left: -1.3em; }
</style>
 
</head>
<body>
 
 <ul id="sortable">
  <li id="1" class="ui-state-default">Item 1</li>
  <li id="2" class="ui-state-default">Item 2</li>
  <li id="3" class="ui-state-default">Item 3</li>
  <li id="4" class="ui-state-default">Item 4</li>
  <li id="5" class="ui-state-default">Item 5</li>
  <li id="6" class="ui-state-default">Item 6</li>
  <li id="7" class="ui-state-default">Item 7</li>
</ul>
 
<button id="cancelSort">Cancel Sort</button>
 
 
 
<script type="text/javascript">
$(function()
{
  $("#sortable").sortable({
  revert: true,
  stop: function(){
    var pos = new Array();
    $(this).children().each(function(){
      pos.push($(this).attr("id"));
    });
    alert(pos.join(","));
    $.cookie("sort", pos.join(","));
 
  }
});
 
});
 
</script>
 
</body>
</html>

Комментарий модератора

Остальные файлы архива - сами библиотеки

@Aziz12 · 07.08.2014, 15:10 **[ТС]**

я понял как определить элемент списка который будет перемещаться :

Javascript

$(function()
{
  $("#sortable").sortable({
   placeholder: "00",
    revert: true,
  start: function(){
    var po = new Array();
    $(this).children().each(function(){
      po.push($(this).attr("id"));
    });
    var k=0; 
    for (var i=0; i<po.length; i++)
     {if (po[i]=== undefined)
        { k=po[i-1];
     }  
    } 
  }   
 
 
});
});

но в скрипте нельзя поставить два события start и stop. как можно узнать перед каким элементом я поставил перетаскиваемый элемент списка

	07.08.2014, 15:10

JQ and html работа с .cookie

Решение