Вкладки jQuery Сортировка и возврат к вкладке

Этот вопрос относится к тому, который я задавал ранее (jQuery UI добавляет вкладки с Drag e Drop)

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

$('#tabsOptions ul').droppable({
drop: function (event, ui) {
 // Where the drop originates from
 if (ui.draggable.parent().attr("id") == "tabsList") {

 var expelledComponents = 
 $(ui.draggable.children("a").attr("href")).
 html().replace(emptyTab, "");

 $("#tabsComponentsList").append($(expelledComponents).html());

 $(ui.draggable.children("a").attr("href")).remove();

 $('#tabsOptions ul').append("<li>" + ui.draggable.text() + "</li>");

 $(ui.draggable).remove();

 // Refreshes tabs - especially helpful when removing the first tab
 $('#tabs').tabs("refresh");

 $("#tabsComponentsList li").each(function (i, item) {
 $(item).attr("class", "selectable");
 });

 $("#tabsOptionsList li").each(function (i, item) {
 $(item).attr("class", "selectable");
 });
 }
}
});

Другое дело, что я не могу понять, как снова сортировать вкладки? Раньше он работал, но я потерял трек, где он переставал работать, и я понятия не имею, почему он больше не работает.

Любая помощь будет оценена по достоинству. Заранее спасибо.

Вот скрипка

EDIT: Обновлена скрипка. Проблема заключалась не в удалении и добавлении вкладок в первую очередь. Я исправил это, но теперь у меня есть один последний вопрос. Все работает именно так, как я хотел, но когда я перетаскиваю вкладку, она не видна при перетаскивании.

Когда я освобождаюсь над соответствующей областью, она удаляется правильно.

Кто-нибудь знает, как сделать Tab видимым во время перетаскивания?

(Если вы посмотрите на скрипту и часть с комментарием "//Делает вкладки перетаскиваемыми, но делает вкладки несортируемыми", если вы включите следующую строку, вкладка будет видна во время перетаскивания, но затем вкладки не будут сортироваться)

1 ответ

Когда он возвращается к $('#tabslList').droppable кажется, становится псевдо-вкладкой со всеми правильными атрибутами, но ни один из свойств вкладки REAL. Я не думаю, что обновление будет сделано для вас. Вам нужно как-то повторно добавить его в $('#tabs') а затем повторно инициализировать виджет .tabs().

licensed under cc by-sa 3.0 with attribution.