Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.03.2012, 20:42
Аватар для Isaac
Кандидат Javascript-наук
Отправить личное сообщение для Isaac Посмотреть профиль Найти все сообщения от Isaac
 
Регистрация: 03.08.2011
Сообщений: 106

jquery UI. Возвращение Элемента по клику.
Здравствуйте.
Подскажите пожалуйста, второй день мучаюсь с проблемой.
Есть элемент Draggable, который я перетаскиваю в область Droppable и который там остается в этой области.
Я хочу, чтоб по клику на элементе Draggable, он возвращался в свое первоначальное место.
Вот код
function dragAndDrop(context)
{
    $(".cardPile", context.target).draggable({
        revert : true,
        containment : context.game,

        start: function(event, ui) {
            var elemType= event.type,
                _elemPosTop = $(this).css("top"),
                _elemMarginLeft = $(this).css("marginLeft"),
                _elemPosLeft = $(this).css("left"),
                _elemWidth = $(this).css("width"),
                elemText = $(this).text();

            $(this).css({
                "position" : "relative",
                "width" : _elemWidth,
                "zIndex" : "999999"
            });

            // Add Copy Element
            var $copyCard = $(document.createElement("div")).attr({"class" : "copyCard"}).text(elemText).appendTo($(this).parent()).css({
                "left" : _elemPosLeft,
                "marginLeft" : _elemMarginLeft,
                "top" : _elemPosTop
            });

        }, // end start

        stop: function(event, ui) {
            var elemType= event.type;

            $(this).css({
                "position" : "absolute",
                "zIndex" : "99999",
                "-moz-transform" : "rotate(0deg)",
                "-webkit-transform" : "rotate(0deg)",
                "-o-transform" : "rotate(0deg)",
                "-ms-transform" : "rotate(0deg)"
            });

        } // end stop
    }); // end draggable

    $(".listIMG", context.target).droppable({
        hoverClass: 'hovered',
        drop: handleCardDrop
    });

}; // end dragAndDrop()

function handleCardDrop(event, ui)
{
    ui.draggable.draggable('disable');

    ui.draggable.css({
        "boxShadow" : "none",
        "height" : "1px",
        "marginLeft" : "-1px",
        "marginTop" : "0px",
        "padding" : "11px 5px 11px 0px",
        "width" : "98px"
    });

    ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
    ui.draggable.draggable( 'option', 'revert', false );

    var _elemPosLeft = ui.draggable.css("left"),
        _elemPosTop = ui.draggable.css("top"),
        $elemAnswer = $(document.createElement("div")).attr({"class" : "elemAnswer"}).appendTo("#cardsPile");

    $($elemAnswer).css({
        "left" : _elemPosLeft,
        "top" : _elemPosTop
    });

   ui.draggable.bind("cllick", function() {
    // ЗДЕСЬ ПРОИСХОДИТ КЛИК НА ЭЛЕМЕНТЕ
   });

}; // end handleCardDrop()
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не могу сформулировать jQuery .live() для динамического DOM элемента artnik Events/DOM/Window 2 26.09.2015 23:30
Создание элемента DOM в jQuery bartonom jQuery 8 08.05.2011 18:25
jQuery: событие по второму подрят клику timyrio Общие вопросы Javascript 23 02.05.2011 01:11
jQuery, load: замена элемента вырубает js на странице. warobushek AJAX и COMET 0 08.10.2010 07:44
Jquery по клику спрятать/показать элемент qwermjk jQuery 7 02.07.2010 22:02