JQuery UI - сортируемая и перетаскиваемая скорость возврата - PullRequest
Новая
       1

JQuery UI - сортируемая и перетаскиваемая скорость возврата

4 голосов
/ 12 августа 2010

У меня проблема со скоростью возврата.

Вот рабочий пример http://www.jsfiddle.net/V9Euk/94/ <- обновлено </p>

Измените что-нибудь в списке сортировки ...быстро (вернуть 100).Но когда вы помещаете «четверку» в сортируемый список, скорость замедляется.

Но почему?oO

С уважением, Питер

Ответы [ 2 ]

10 голосов
/ 12 августа 2010

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

HTML: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>

    <body>
        <ul id="k1" style="width:350px; height:350px; margin:20px;">
            <li>One</li>
            <li>Two</li>
            <li>Three</li>
        </ul>
        <hr />
        <ul style="width:350px; height:350px;">
            <li class="gt">Four</li>
        </ul>
    </body>
</html>

CSS: 

body {
    font-size: 12px;
}

li{
    border:1px solid #444444;
    background-color:#AAAAAA;
    padding:10px;
    margin:10px;
}

jQuery: 

$("#k1").sortable({   revert: '100'  });
$('.gt').draggable({ connectToSortable: '#k1', revert: 'invalid', revertDuration: 100 });

Редактировать : Извините, я неправильно понял вопрос.Код был немного запутанным, и я пропустил проблему.Решение немного сложное, но я думаю, что оно будет работать.

var original = $('#k1');

original.sortable({ revert: 100  });
$('.gt').draggable({
    connectToSortable: original,
    revert: 'valid',
    revertDuration: 100,
    stop: function(event, ui) {
        original.sortable("option", "revert", 100);
    }
});

По существу, он сбрасывает опцию возврата на k1 div после того, как .gt сброшено.

1 голос
/ 21 сентября 2018

Теперь вы можете достичь этого с помощью: 

$("#selector").sortable({revert: 500});
...