0 / 0 / 0
Регистрация: 30.07.2013
Сообщений: 5
1

Drag and Drop

30.07.2013, 10:05. Показов 415. Ответов 0
Метки нет (Все метки)

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

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

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// перетаскивание
 
    $('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)
 
            });
Как поправить чтоб заработоло как я хочу?invalid
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.07.2013, 10:05
Ответы с готовыми решениями:

Drag and drop
Есть список статей, хочу менять их местами с помощью drag and drop подскажите что почитать ...

Drag'n drop
Я просто ЗА..мучалса. Интересует реализация загрузки файлов при перетаскивании их на определённый...

Drag and Drop
Drag and Drop Подскажите пожалуйста как сохранить перетаскиваемый элемент в какой-либо из блоков...

Проблема с Drag'n'Drop
Собственно есть Jquery скрипт с технологие возьми и брось. Дело обстоит так: существует 1 блок, в...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.07.2013, 10:05

Drag and Drop с условием
У меня 10 объектов одного класса и разными идентификаторами. Один приемник. Как реализовать каждое...

Неудобство в drag'n'drop
в сортировке sortable блоки которые тащишь очень большие, нужно сделать так чтобы тащился только...

Drag and Drop в jQuery
Всем, здравствуйте! Ребята, пытаюсь работать с элементом canvas, измучился уже весь... пытаюсь...

Drag n drop с записью координаты
Добрый день Есть объект у которого необходимо определить координату на карте в процентах, и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru