Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.07.2013, 05:46
Аспирант
Отправить личное сообщение для dmivasant Посмотреть профиль Найти все сообщения от dmivasant
 
Регистрация: 17.07.2013
Сообщений: 47

Drag and Drop
Помогите разобраться, задача такая есть перетаскиваемые обекты и принемающий div. перетаскивание происходит клона а не самого элемента и добовляеться в принемающий div методом .appendTo, а как можно зделать чтоб пири добавлении он не вставал в конец или в начало(другим методом), а остовался там куда его положили. Тоесть если я перетаскиваемый элемент ложу в правый нижний угол то он там и остаеться, и при этом откуда я его перетаскивал должен остатся оригинал обекта.

У меня получился вот такой замудренный код.

// перетаскивание

    $('div[id*=element]').draggable({
        containment: "#wraper",
        revert: "invalid",
        grid: [ 20, 20 ],
        opacity: 0.5,
        scroll: false,
        zIndex: 35,
        appendTo: "body",
        helper: "clone",
        cursor: "move",
        stack: "div[id*=element] > img"
    }).find('img').css({
            'width': '50%',
            'height': '50%'
        });
//приемник
    $("#contener").droppable({
        accept: "#saitbar > #left > #accordion > .dropp > div[id*=element]",
        activeClass: "ui-state-highlight",
        drop: function (event, ui) {
            var element = $(ui.draggable);
            element.fadeIn(1000, function () {
                $(this).clone()
                    .addClass("newElement")
                    .appendTo("#contener")
                    .draggable({containment: "#contener", opacity: 0.5, stack: "div[id*=element]", cursor: "move"})
                    .resizable({containment: "#contener", /*aspectRatio:true*/})
                    .find('img').animate({
                        'width': '100%',
                        'height': '100%'
                    }, 100)

            });


Как поправить чтоб заработоло как я хочу?

Последний раз редактировалось dmivasant, 20.02.2014 в 16:40.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Drag and drop alex2012 Общие вопросы Javascript 2 05.02.2013 01:51
Drag and drop между фреймами vadim79 Элементы интерфейса 9 27.10.2012 14:46
drag & drop , html 5 cyber Events/DOM/Window 1 30.06.2012 15:16
Разбираюсь с drag and drop uaNikita Events/DOM/Window 4 22.09.2011 11:25
Drag & Drop с несколькими элементами Katz Общие вопросы Javascript 1 29.07.2011 13:01