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, время: 07:29. |