Сортировка пользовательского интерфейса jQuery неточна при перетаскивании ⇐ Jquery

[Anonymous]

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

Пример:



HTML:

Код: Выделить всё

[img]https://www.google.com/images/errors/logo_sm_2.png[/img]
[img]https://www.google.com/images/errors/logo_sm_2.png[/img]
[img]https://www.google.com/images/errors/logo_sm_2.png[/img]
[img]https://www.google.com/images/errors/logo_sm_2.png[/img]

CSS:

Код: Выделить всё

div.Container {
clear: both;
}
div.Container div.Item {
float: left;
display: block;
padding: 5px 5px 2px 5px;
background-color: #ccc;
border: solid 1px #aaa;
border-radius: 5px;
margin: 0 10px 10px 0;
}
div.Container div.Item img {
width: 30px;
height: auto;
border: solid 1px #888;
}

JS:

Код: Выделить всё

$(document).ready(function() {
$('div.Container').sortable({
revert: true,
cursor: 'move'
});
});

JSFiddle: http://jsfiddle.net/ghdbxj7t/



Попробуйте перетащить элемент прямо вниз (под другими элементами), затем вправо за последний элемент, а затем вверх, чтобы снова совместить его с элементами.

Это приведет к тому, что исходный заполнитель элемента застрянет на своем месте и не будет перемещать другие элементы.

Если вы затем перетащите элемент точно по линии (по горизонтали) с последним элементом вы можете оказаться почти над последним элементом, прежде чем он переключится (а иногда я могу даже продвинуться дальше).



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

HTML и CSS на моем сайте почти такие же, как в JSFiddle.

Что я могу сделать, чтобы сделать перетаскивание более точным, чтобы элементы, перетаскиваемые за последний элемент, сортируются немедленно, вместо того, чтобы перетаскивать их несколько раз по последнему элементу, чтобы он понял, что я хочу поместить его туда?

Это поведение тестируется в Chrome.
Я использую jQuery 1.11.2 и jQuery UI 1.11.4 (JSFiddle, похоже, не поддерживает их, но поведение в 1.9.1 близко к тому, что я испытываю)< /п>

Подробнее здесь: https://stackoverflow.com/questions/300 ... n-dragging