Angular 7 Jquery UI Сортируемый выпуск плагинов - PullRequest
Новая
       32

Angular 7 Jquery UI Сортируемый выпуск плагинов

0 голосов
/ 25 января 2019

Я использую плагин Jquery UI Sortable с Angular 7 Когда я перетаскиваю элементы внутри, все элементы движутся.

enter image description here

Когда я перетаскиваю 5на 1 пользовательский интерфейс нарушен enter image description here

Это мой сортируемый код: 

    ($('#sortable') as any).sortable({
      tolerance: 'pointer',
      //revert: 'invalid',
      forceHelperSize: true,
      scroll: true,
      forcePlaceholderSize: true,
      placeholder: 'ui-state-highlight',
      helper: 'clone',
      containment: 'window',
      cursor: 'move',
      distance: 5,
      opacity: 1,
      start: function (event, ui) {
           ui.placeholder.prev();
      },
      change: function (event, ui) {
           ui.placeholder.index();
      },
      beforeStop: function (event, ui) {
      },
   });

Я использую @ angular / flex-layout.

Вот мой HTML: 

    <ul id="sortable">
    <li class="ui-state-default">1</li>
    <li class="ui-state-default">2</li>
    <li class="ui-state-default">3</li>
    <li class="ui-state-default">4</li>
    <li class="ui-state-default">5</li>
    <li class="ui-state-default">6</li>
    <li class="ui-state-default">7</li>
    <li class="ui-state-default">8</li>
    <li class="ui-state-default">9</li>
    <li class="ui-state-default">10</li>
    <li class="ui-state-default">11</li>
    <li class="ui-state-default">12</li>
</ul>

Спасибо за помощь!

...