jQuery UI сортируемый допуск - PullRequest
Новая
       0

jQuery UI сортируемый допуск

6 голосов
/ 11 октября 2011

У меня возникли проблемы с плавной работой сортируемых файлов jQuery UI.

Заданное мной допуск не всегда работает правильно - например, если я установил его в «указатель», иногда я мог иметьобъект почти поверх другого (включая мышь), и он не будет переупорядочен.Некоторое время мне приходится перетаскивать объект, чтобы переупорядочить его.

Требуется ли что-нибудь для правильной работы или что-то, что может привести к его поломке?(поля, число с плавающей запятой, определенные элементы, элементы с абсолютным позиционированием и т. д.?)

Код, который у меня есть, в основном выглядит примерно так (якорь в качестве абс. позиционированного): 

<div span="span-12 prepend-top last">
    <ul id="fileupload-images" class="ui-sortable">
        <li class="image span-3" id="38b22e1c130d9c33fafb20e7ac16c038">
            <img class="thumb span-3 last" src="/uploads/3/8/b/38b22e1c130d9c33fafb20e7ac16c038/38b22e1c130d9c33fafb20e7ac16c038.jpg">
            <a href="#" class="zoom"></a>
            <a href="#" class="remove"></a>
        </li>
    </ul>
</div>

Ответы [ 2 ]

2 голосов
/ 20 июня 2016

Я обнаружил, что это единственное, что помогло в моей ситуации: 

helper: "clone"
2 голосов
/ 11 сентября 2013

jsfiddle отлично подойдет для вашего сортируемого кода, если у вас не сработают следующие предложения:

1) используйте указатель допуска и не используйте ограничение 

$( ".selector" ).sortable({ tolerance: "pointer" });

2) использовать заполнитель 

$( ".selector" ).sortable({ placeholder: "sortable-placeholder" });

"sortable-placeholder" - это класс, который вы определяете в своей таблице стилей.Убедитесь, что заполнитель имеет ту же ширину и высоту, что и элемент, над которым вы пытаетесь переместиться.

3) принудительно установите размер заполнителя 

$( ".selector" ).sortable({ forcePlaceholderSize: true });

4) принудительный размер помощника 

$( ".selector" ).sortable({ forceHelperSize: true });

5) Перемещайте элементы li влево или вправо

...