Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jquery UI. Возвращение Элемента по клику. (https://javascript.ru/forum/jquery/26919-jquery-ui-vozvrashhenie-ehlementa-po-kliku.html)

Isaac 27.03.2012 20:42

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()


Часовой пояс GMT +3, время: 06:40.