jQuery поддающийся сортировке плагин со “скользящим эффектом”?
jQueryUI имеет хороший плагин, Поддающийся сортировке: http://jqueryui.com/demos/sortable/ я очень доволен тем плагином, но я только пропускаю одну вещь. И это - вместо позволенного элементы, который изменяет поп/переход положения на его новое положение, я хотел бы, чтобы они "скользили" к той новой позиции вместо этого. Другими словами сделайте это более более гладким.
Я искал 'сеть в течение трех дней теперь, и havn't нашел один плагин, который делает это (!?!??). Я имею в виду, продвигаются, должно быть один, правильно?
Я также попытался изменить код немного самостоятельно, и я заставил его работать вид (путем клонирования элемента, для скольжения клона к новой позиции, затем удалите клон. между тем я скрываю исходный элемент и раскрываю его после удаления клона). Но это не работает очень хорошо, и я думал, что должен быть лучший там где-нибудь!
Таким образом, я действительно прошу о справке. Или изменение справки, или если Вы видели плагин, который делает это, (:
2 ответа
если вы посмотрите демонстрацию сортировки с помощью placehoder и воспользуетесь следующим кодом для инициализации сортировки, вы увидите скользящее действие в заполнителе
$(function() {
$("#sortable").sortable({
placeholder: 'ui-state-highlight',
start: function (e,ui){ // new lines to
$(ui.placeholder).slideUp(); // remove popping
}, // effect on start
change: function (e,ui){
$(ui.placeholder).hide().slideDown();
}
});
$("#sortable").disableSelection();
});
, вы можете изменить класс ui-state-highlight ко всему, что вы хотите стилизовать, вы можете сделать его невидимым с помощью css-property visibility и установить для него значение hidden
Я сделал базовый пример в jsbin.com , чтобы вы могли видеть, что это такое
РЕДАКТИРОВАТЬ: пример с удаленным эффектом выталкивания, когда вы запускаете сортировку
- Вы можете управлять этим с помощью опций событий. проверьте их...
- будьте осторожны с очередью, потому что если вы перетащите один элемент, а затем перетащите другой без завершения первого, это может выглядеть забавно.
- Я бы рекомендовал вам прочитать о .stop(), очереди jq и, возможно, "cancel bubble"