jQuery Multisortable с CustomScrollBar

Question

jQuery Multisortable с CustomScrollBar

0

Я использую mulisortable jquery plugin (github.com/shvetsgroup/jquery.multisortable) вместе с плагином mcustomscrollbar (manos.malihu.gr/jquery-custom-content-scroller), и у меня возникают проблемы с отображением перетаскиваемых элементов "overtop" контейнеров таможни.

В качестве примера у меня есть 4 отдельных контейнера, в которых используется пользовательская полоса прокрутки, и внутри каждого из этих контейнеров у меня есть разные списки, которые связаны с многозадачным плагином. Я могу перетащить выбранные элементы из списка в один контейнер в список в другом контейнере, однако, поскольку пользовательская полоса прокрутки добавляет overflow:hidden в своем контейнере, перетаскиваемые элементы идут "за" списками/контейнерами.

Мой вопрос: как заставить перетаскиваемые элементы появляться перед контейнерами

Вещи, которые я пробовал:

Я удалил overflow:hidden свойства из полосы прокрутки, которая делает то, что я хочу, но затем при прокрутке прокручиваемое содержимое появляется за пределами контейнера, что плохо.
Я попытался использовать helper:"clone" параметрах многозадачности, но это похоже только на клонирование одного элемента (вместо нескольких), и мой исходный список css делает неожиданные вещи.
Я также попытался установить z-index на те элементы, которые были выбраны, однако это также не помогает.

Вот мой jsfiddle: http://jsfiddle.net/ML49V/12/ Если кто-то встретил это раньше и имеет какие-либо предложения, я был бы признателен.

благодаря

Cortez1138 19 дек. 2013, в 21:14

Источник

1

создайте jsfiddle , где вы можете ссылаться на внешние Js-библиотеки и иметь живой пример вашей проблемы.
Scott Silvi 19 дек. 2013, в 19:45
0

Я отредактировал свой пост, включив в него jsfiddle
Cortez1138 19 дек. 2013, в 20:53
0

Все ваши внешние файлы 404'ing
Scott Silvi 20 дек. 2013, в 16:47
0

По некоторым причинам он не работает в IE, используя скрипку. Однако это работает для меня в Chrome.
Cortez1138 20 дек. 2013, в 16:55
0

Ой, подожди. Они и сейчас не работают в Chrome. Я не знаю, почему это происходит.
Cortez1138 20 дек. 2013, в 16:57
0

Путь к файлам должен быть изменен. Теперь он должен работать из Chrome (я редактировал ссылку). IE по-прежнему не работает правильно ... но это уже другая история.
Cortez1138 20 дек. 2013, в 17:04

Показать ещё 4 комментария

Теги:

javascript

jquery

css

jquery-plugins

jquery-multisortable

1 ответ

Ещё вопросы

создайте jsfiddle , где вы можете ссылаться на внешние Js-библиотеки и иметь живой пример вашей проблемы.
Я отредактировал свой пост, включив в него jsfiddle
По некоторым причинам он не работает в IE, используя скрипку. Однако это работает для меня в Chrome.
Ой, подожди. Они и сейчас не работают в Chrome. Я не знаю, почему это происходит.
Путь к файлам должен быть изменен. Теперь он должен работать из Chrome (я редактировал ссылку). IE по-прежнему не работает правильно ... но это уже другая история.

Cortez1138 · Accepted Answer · 2013-12-20T19-57-00.000Z

После некоторых поисков я нашел ответ. Если вы добавите строки ниже к параметрам mulitsortable, они будут работать по назначению.

Рабочий jsfiddle находится здесь: http://jsfiddle.net/ML49V/13/

stop: function (e, ui) {
    var elements = ui.item.data('multidrag');
    ui.item.after(elements).remove();
},
helper: function (e, item) {
    if (!item.hasClass("selected")) {
        item.addClass("selected").siblings().removeClass("selected");
    }
    var elements = item.parent().children(".selected").clone();
    item.data('multidrag', elements).siblings(".selected").remove();
    var helper = $('<li/>').css('list-style', 'none');
    helper.height('auto');
    return helper.append(elements);
},