jQuery UI сортируется, когда числа не двигаются - PullRequest
Новая
       0

jQuery UI сортируется, когда числа не двигаются

0 голосов
/ 01 сентября 2011

Я использую пользовательский интерфейс jQuery для ранжированного голосования, и вы можете увидеть пример здесь .

Я хотел бы изменить его так, чтобы, когда избиратель перетаскивает имена кандидатов,имена перемещаются, а числа рядом с ними - нет.

Я знаю, что мог бы сделать это, скрыв номера списков и добавив отдельный, стационарный список чисел рядом с сортируемым, но я надеялся на более простое решение.

Любые идеи дляпростой способ сделать это?

1 Ответ

2 голосов
/ 12 сентября 2011

Я нашел довольно простой способ сделать это. Предположим, что это список: 

<div id="ballot">
<ol id="sortable">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
</div>

Затем следующий javascript добавит число слева от каждого элемента списка: 

window.onload = function(){
  $("#sortable li").each(function(n) {
    var pos = $(this).position();
    var number = document.createElement('p');
    number.innerHTML = (n+1) + ".";
    $(number).css("position", "absolute");
    $("#ballot").append(number);
    $(number).position({
      my: "center",
      at: "left",
      of: this,
      offset: "-15 0"
    });
  });
};

Я все еще новичок с javascript и jQuery, поэтому я прошу прощения за любую глупость в коде.

...