Разрешить удаление сортируемого элемента в корзину, но без сортировки

#jquery #jquery-ui #jquery-ui-sortable

#jquery #jquery-пользовательский интерфейс #jquery-ui-sortable

Вопрос:

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

Это пример

Комментарии:

1. Добавьте, пожалуйста, фрагмент кода в jsfiddle. чистый или jsbin.com. Трудно понять, чего вы действительно хотите.

2. Здесь: jsfiddle.net/YDZJs Я не хочу иметь возможность сортировать их. Они должны оставаться в том же порядке. Я только хочу иметь возможность удалять их.

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

Ответ №1:

Почему вы используете сортируемый, а не перетаскиваемый, если пытаетесь создать что-то, что не поддается сортировке? Попробуйте заставить его работать только с перетаскиваемым и a -handle- revert.

Работает что-то вроде этого:

 $("#sortable1 li, #sortable2 li").draggable({
   revert: true
});

$("#trash").droppable({
  accept: ".connectedSortable li",
  hoverClass: "ui-state-hover",
  drop: function(ev, ui) {
     ui.draggable.remove();
  }
});
  

Комментарии:

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

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

Ответ №2:

Сортировка не требуется. Единственное, что вам нужно — перетаскиваемый. Извините, но у меня нет времени исправлять ваш пример.