Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jquery sortable проблема при перемещении элемента, между списками 
V
    Опции темы
fish9370
Дата 30.10.2012, 21:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



имеется div со свойством  sortable и со стилем overflow-y: scroll
если количество элементов в этом списке значительное, то при попытке переместить элемент из данного списка в список под ним этот список перехватывает событие..




--------------------
undefined
PM MAIL WWW ICQ   Вверх
Aliance
Дата 31.10.2012, 10:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Код - это государственная тайна? Если нет - можно воспользоваться jsfiddle для того, чтобы показать наглядно где ошибка.
PM MAIL WWW ICQ Skype   Вверх
fish9370
Дата 31.10.2012, 11:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



там кода немерянно, сделать тестовый пример, попробую.. спасибо, Альянс.. )


--------------------
undefined
PM MAIL WWW ICQ   Вверх
fish9370
Дата 31.10.2012, 11:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



вот набросал пример, правда не смог его запустить..
отладка:
    http://jsfiddle.net/kkGBt/
результат:
    http://jsfiddle.net/kkGBt/embedded/result/

если смотреть на результат, то при попытке перетащить файл из папки "Сообщения" в папку "Записи", перемещение не происходит..
при перемещении файла из других папок в папку "Записи", файл падает в папку "Сообщения"

через dragonfly видно, что объект .panel растянут на весь экран, и судя по всему перехватывает событие drop

склоняюсь к тому, что обход объектов в поиске обработчика события в UI ведется не корректно, "снизу", а не "сверху" как должно бы быть..

че делать? )

Это сообщение отредактировал(а) fish9370 - 31.10.2012, 11:55


--------------------
undefined
PM MAIL WWW ICQ   Вверх
fish9370
Дата 31.10.2012, 13:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



придумал дебильнийший способ решения данной проблемы (не на 100%)

добавил обработчик события sort
Код

sort: function(event, ui) {
          wrappers = $('.filemanager-0 .panel-wrapper');
                                            
          if (ui.position['top'] - ui.originalPosition['top'] > 100) {
                    wrappers.each(function() {
                               $(this).scrollTo('max');
                    });
          }

          if (ui.position['top'] - ui.originalPosition['top'] < -100) {
                    wrappers.each(function() {
                               $(this).scrollTo(0);
                    });
          }
},


есть у кого-то еще какие-то идеи?

Это сообщение отредактировал(а) fish9370 - 31.10.2012, 14:01


--------------------
undefined
PM MAIL WWW ICQ   Вверх
Aliance
Дата 31.10.2012, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Рукалицо. Проведу краткий экскурс на тему jsfiddle:
1. Указываешь jquery последней версии в блоке Choose Framework и там же выбираешь в первом селекте onDomReady, т.к. твой код весь заключен в эту конструкцию. Соответственно в поле, где ожидается скрипт - её (эту конструкцию то есть) уже писать не нужно.
2. Если нужно подключить доп. библиотеки, вроде jquery ui, идем в Manage Resources и там указываем удаленный url на библиотеку. На саму jquery указывать естественно не нужно.
Так же подключать их еще раз в коде html тоже не нужно.
3. Далее, учимся дружить с отступами. Например, там есть кнопочка TidyUp.

Теперь посмотри, какой у тебя код после этих манипуляций:
http://jsfiddle.net/Aliance/kkGBt/4/

Там синтаксическая ошибка на ошибке из-за неправильных кавычек и скобок. Исправь, сделай как нужно, чтобы можно было запуститься по кнопке Run, тогда можно будет разбираться в коде. Я пока до сих пор не понял, что тебе нужно, но скорее всего речь идет об использовании containment

Это сообщение отредактировал(а) Aliance - 31.10.2012, 14:55
PM MAIL WWW ICQ Skype   Вверх
fish9370
Дата 31.10.2012, 15:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



http://jsfiddle.net/8fRTy/ 
вот пример попроще, но который отражает суть..

Добавлено @ 15:22
http://bugs.jqueryui.com/ticket/7065 если я правильно понял, это тикет об этой трабле..

я вот эту цитату недопонял, это исправляет проблему?

This is my workaround.

Код

_intersectsWithPointer: function(item) {
          if (this._intersectsWith(item.instance.containerCache)) {
             return this._oldIntersectsWithPointer(item);
          }

          return false;
       }



Это сообщение отредактировал(а) fish9370 - 31.10.2012, 15:23


--------------------
undefined
PM MAIL WWW ICQ   Вверх
Aliance
Дата 31.10.2012, 17:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



Поставив scroll равным false - это решит проблему?
PM MAIL WWW ICQ Skype   Вверх
fish9370
Дата 31.10.2012, 23:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



нет, к сожалению, проблема более сложная.. это баг, а не фича.. тут можно исправить только глубоким исправлением ui.sortable


--------------------
undefined
PM MAIL WWW ICQ   Вверх
ksnk
Дата 31.10.2012, 23:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386



fish9370, А что не нравится? Хватаем элемент из верхнего списка, тащим его в нижний, отпускаем, он нормально дропается на нужное место. Что плохого? Что при этом скроллится первый список?


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
fish9370
Дата 1.11.2012, 09:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



ksnk, что не нравится? так, это, а ничего что в списке хренова тонна элементов и пока все не прокрутятся перекинуть элемент довольно сложно (99% случаев нельзя)..  smile 


--------------------
undefined
PM MAIL WWW ICQ   Вверх
fish9370
Дата 12.11.2012, 11:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 663
Регистрация: 15.4.2007
Где: Москва

Репутация: нет
Всего: 1



в версии ui 1.9.1 этот баг пофиксили.. smile


--------------------
undefined
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0568 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.