Сортировка делений каждые X секунд с помощью JQUERY - PullRequest
1 голос
/ 19 октября 2010

У меня есть 5 делений, каждый из которых имеет таймеры обратного отсчета.Следующие числа, очевидно, будут разделены на <br/>, но для примера я стараюсь быть максимально понятным: -)

Пример перед сортировкой

4.39
3.45
2.11
3.56
1.11

Пример после сортировки

4.39
3.56
3.45
2.11
1.11

И каждый отсчет отсчитывает до 0, очевидно.Я имел в виду, что когда таймер достигает 0, этот div сортируется автоматически, сортируется и помещается в последнюю позицию, а затем запускается снова.

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

У кого-нибудь есть фрагмент кода, который я уже не нашел, который мне может пригодиться?: -)

Вся помощь очень ценится!Спасибо !!

Ответы [ 3 ]

2 голосов
/ 19 октября 2010

Вы можете получить свой список, используя обычные селекторы jquery. Поместите все элементы в один ul или что-то еще и прочитайте, используя ванильный jquery.

Для сортировки вы можете использовать метод сортировки , доступный для массивов Javascript.

Чтобы переместить элементы li на место, вы можете использовать либо репозицию, либо анимацию (возможно, используя функцию position в jquery-ui), либо просто заменить содержимое ul список сортировки li

Наконец, чтобы сделать это несколько раз, вы можете использовать функцию setInterval .

Также возможно связать некоторые триггеры с jquery-ui sortable , а затем просто вызвать это из выражения setInterval. Я не пробовал это все же.

1 голос
/ 19 октября 2010

Почему так сложно?

  1. Перебирать DIVs или элементы списка
  2. читать текст
  3. преобразовывать их в double
  4. добавлять каждое значение вмассив
  5. Сортировка массива
  6. Создание строки HTML с помощью jQuery
  7. Замена содержимого контейнера новым списком
0 голосов
/ 19 октября 2010

Вы можете отсортировать DIV, а затем добавить один за другим отсортированный элемент DIV в контейнер HTML (например, другой DIV, содержащий все эти вложенные DIV).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...