Здравствуйте.
Подскажите пожалуйста, второй день мучаюсь с проблемой.
Есть элемент 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()