Комментарии 44
Запрос в гугле выдает ссылку на html5sortable в 85 строк.
В Вашей конечно решено больше проблем, но сейчас jquery — стандарт дефакто, внезависимости от того хорошо это или плохо.
Демка либы — просто шикарная
В Вашей конечно решено больше проблем, но сейчас jquery — стандарт дефакто, внезависимости от того хорошо это или плохо.
Демка либы — просто шикарная
Не поверите, я её смотрел и даже начал прикручивать, но потом, что-то дернуло меня посмотреть код… Это очень плохая либа.
P.S. Я не против jQuery, просто у меня его не было, нужно было что-то просто и компактное.
P.S. Я не против jQuery, просто у меня его не было, нужно было что-то просто и компактное.
Интересно, а Вы приняли б пул реквест с оберткой для jquery? ;)
Я не спец по WEB-у, но в примере — все плавает, при перемещении курсора мыши над объектами… Думаю не самая аккуратная реализация получится для конечного пользователя.
Так на Android-ном планшете ничего не плавает (перемещения статичны, относительно первоначальной разметки), и сортировка отрабатывает не каждый раз.
p.s. для минусующих — пишите комменты, какого х… ра, собственно.
p.s. для минусующих — пишите комменты, какого х… ра, собственно.
Спасибо за тест на андройде, обязательно посмотрю. Что за бразуер использовали?
P.S. Андройдов много, а меня больше интересовала iOS.
P.S.S. Верстка «плавает» только на mousemove и dragover события, следовательно на планшетах всё будет статично.
P.S. Андройдов много, а меня больше интересовала iOS.
P.S.S. Верстка «плавает» только на mousemove и dragover события, следовательно на планшетах всё будет статично.
Chrome Beta 32.0.1700.58 Android Nexus 7 4.4.2, плавает только когда нажимаешь в пустое место (что логично), перемещение текста летает, перемещение картинок подтормаживает чутка
Можете попробовать сейчас, должно стать чуть-чуть лучше.
А есть ли поддержка сортировки вложенных списков?
У вас недоработка в библиотеке. Прикладываю скриншот. На нем я попытался поменять местами второй и третий элемент:
Ошибка в том, что перетаскиваемый объект должен меняться местами с тем элементом, который сейчас находится под курсором мыши. Мне кажется, там, где вы писали
Ошибка в том, что перетаскиваемый объект должен меняться местами с тем элементом, который сейчас находится под курсором мыши. Мне кажется, там, где вы писали
чтобы она учитывала, в какой половине находится курсор мыши, «верхней» или «нижней», вы свернули куда-то не туда. В результате получилось, что для выполнения сортировки нужно хитрить — заходить мышкой с нужной стороны и проходить более половины элемента, иначе будет как на скриншоте. Такую сортировку нельзя назвать удобной и интуитивной.
Пользователю неважно, float это список или еще что-то. Перефразирую сказанное мной выше: я перетащил элемент, а он не перетащился, сортировка не работает.
Вы перетащили элемент на «левую» половину и объект вставлен «перед», чтобы вставить «после», достаточно дотянуть буквально 5-10px.
Все верно, и это есть проблема вашей библиотеки.
Я подумал над вашими словами и чуть-чуть изменил логику для float-элементов: http://rubaxa.github.io/Sortable/
P.S. Лучше сбросить кеш.
P.S. Лучше сбросить кеш.
Теперь намного лучше получилось!
Вот разве что маленький недостаток (я перетаскиваю кровать наверх):
Ну да, технически я опять «недотянул», несмотря на то, что кровать находится намного выше Антона, но все равно таких ситуаций не должно возникать.
Кстати, насчет идеала — если бы была анимация, было бы вообще здорово.
Вот разве что маленький недостаток (я перетаскиваю кровать наверх):
Ну да, технически я опять «недотянул», несмотря на то, что кровать находится намного выше Антона, но все равно таких ситуаций не должно возникать.
Кстати, насчет идеала — если бы была анимация, было бы вообще здорово.
Я один, после просмотра демки, вместо «Ухты, клевая сортировка перетаскиванием» подумал «Ухты, клевый паралакс»? :)
А заставить border-radius работать во время драга реально, или это ограничение технологии? Не считаю, что это принципиально, просто любопытно.
pbrd.co/JmVLd6
pbrd.co/JmVLd6
Увы, это на совести браузера. Полностью исправить проблему можно только отказавшись от drag'n'drop api.
То что верно работает только в лесе есть явно проблема. =\
В опере(старой) и ИЕ белый квадрат. В сафари и хроме полный квадрат фотки. И только лиса отработала как надо.
В опере(старой) и ИЕ белый квадрат. В сафари и хроме полный квадрат фотки. И только лиса отработала как надо.
Сурфейс, ИЕ11, при окончании сортировки наглухо вешается таба
Отлично работает в Chrome на ПК, правда хотелось бы увидеть более эффектную анимацию перетаскивания :)
А вот на wp8 смартфоне не работает :( При тапе по списку выделяется не конкретная строка/объект, а весь список.
А вот на wp8 смартфоне не работает :( При тапе по списку выделяется не конкретная строка/объект, а весь список.
В FF 26 (вероятно, от версии не зависит) со включенным плагином QuickDrag наблюдается такая фича: элементы сортируются, но при отпускании элемента QuickDrag отрабатывает свои действия: если картинка, то открывает на новой вкладке, если текст, то ищет в гугле.
Понятно, что ваша либа не виновата, но хотя бы теоретически — нет ли какого-то способа предотвратить срабатывание QuickDrag в этих случаях?
Понятно, что ваша либа не виновата, но хотя бы теоретически — нет ли какого-то способа предотвратить срабатывание QuickDrag в этих случаях?
НЛО прилетело и опубликовало эту надпись здесь
Хорошее решение, но если добавить вложенный список, то валится ошибка (хотя сам функционал остается рабочим). Проблему можно решить если добавить
evt.stopPropagation()
в функцию _onDragOver
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Сортировка при помощи HTML5 Drag'n'Drop API