Почему не работает сортировка JQuery UI через handle (position:absolute)?

Question

[lolka02]

Пытаюсь сделать сортировку через jquery ui. При перемещении через блок .inner все нормально передвигается, а вот через handle не получается сортировать https://jsfiddle.net/614Lg275/1/

<ul class="sortable">
    <li>
        <span class="handle glyphicon glyphicon-resize-vertical"></span>
        <div class="inner">123</div>
    </li>
    <li>
        <span class="handle glyphicon glyphicon-resize-vertical"></span>
        <div class="inner">456</div>
    </li>
</ul>

.sortable li {
    position: relative;
}
.sortable li .handle {
    position: absolite;
    left: -50px;
}

$( ".sortable" ).sortable({ handle: '.handle' });

Comments

[Stalker_RED]

Но она работает же?

[lolka02]

Stalker_RED, через Handle не работает

[Stalker_RED]

lolka02, я открыл вашу ссылку на jsfiddle, потащил за handle - работает.
что не так?

[lolka02]

Stalker_RED, если handle потащить параллельно вниз то он не меняет место, он перемещается но как только опускаю мышку сразу возвращается на первоначальное место

Answer 1

[Stalker_RED]

Впрочем, я догадываюсь, почему вам кажется, что оно не работает.
Вы просто не понимаете как онон устроено, и наверное тянете вертикально вверх-вниз, при том что маркеры .handle у вас ЗА ПРЕДЕЛАМИ СПИСКА.

Comments

[lolka02]

да именно, как то решить можно? мне надо именно чтоб вертикально работало+ если стоит handle то сам блок переместить не получается без клика на хендл, а кликом через элемент списка

[Stalker_RED]

lolka02, ну просто не делай себе проблему. Не выноси маркер за пределы списка.

[lolka02]

Stalker_RED, дизайнер так нарисовал, и уже сделал мне проблему)

[Stalker_RED]

lolka02, дизайнер прям нарисовал отрицательный маргин и абсолютное позиционирование, серьезно?

[lolka02]

Stalker_RED, ну там в рамке список и иконка за рамку выходит

[Stalker_RED]

lolka02, нарисуйте рамку внутри