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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Sortable TypeError: Cannot read property 'options', jquery-ui sortable 
V
    Опции темы
Sanchezzz
Дата 2.5.2013, 21:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60



Добрый день кто не будь сталкивался с такой ошибкой в jquery-ui sortable
TypeError: Cannot read property 'options' of undefined 

Скрин 100кб...
user posted image

Код
Код


     function initResizable(e){
        e.resizable({
            //alsoResize:false,
            helper: "ui-resizable-helper" ,
            handles: 'n, e, s, w, ne, se, sw, nw',
            ghost: true ,
            //grid: grid
        });
    }

    function initDraggable(e){
        e.draggable({
            connectToSortable: ".column",
            ghosting:false,
            handle: ".drag",
            opacity:0.7, 
            containment:'parent',
            start: function(ev, ui){
                // selectedComponent(ev.target);
            }
            
        });
        e.click(function(event){
            //selectedComponent(event.target);
            ///propertyComponent(event.target);
        });
    }
    
    
    function initSortable(e){
        var column =  $(e).find(".column");
        if(column.length > 0){
            column.sortable({
                connectWith: '.column',
                containment:'parent',
                options : function(ev,ui){
                    console.log(ev,ui);
                }
            }).disableSelection();
        }    
        
    }

В общем создаю динамически див и применяю 3 функции... 
При перемещение созданного дива в контейнер другого созданного дива для которого сработала функция initSortable происходит вот такая ошибка.
Как на скрине.

Версии фреймворков 
Jquery 1.9.1, UI 1.10 ( Немного облегченная без dialog ) и bootstrap

Демка



Это сообщение отредактировал(а) Sanchezzz - 2.5.2013, 21:45


--------------------
Понравился ответ "+" по репе, не забываем закрывать тему, заказы в LS.
PM MAIL Skype GTalk   Вверх
Sanchezzz
Дата 4.5.2013, 14:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60



Переписал на droptable + sortable
Код

column.droppable({
    hoverClass: "drop-hover",
    accept:'.component_run',
    drop: function(ev, ui) {
        if (ui.draggable.is('.component_run')){

            var pos = ui.position,
                  $clone = $(ui.draggable).clone();
                              // временный фикс если используем sortable
                  $clone.css('left', 0 +'px');
                  $clone.css('top', 0 +'px');
                
                $(this).sortable({
                    connectWith: '.column',
                    //containment:'parent',
                    forceHelperSize: true
                }).disableSelection();
                // убиваем оригинал
                ui.draggable.detach();
                               // переопределяем drag + resize у клона.
                initComponentRun($clone);

            $(this).append($clone);    
            
        }
    }
});

И получил баги с определением размеров ui.position показываетleft top  от body, а не от droppable внутри дива)



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


 




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


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

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