Я новичок в JQuery и пользовательский интерфейс ..Странный JQuery UI - Перетащить НЕ клонировать
Я не могу понять целом перетащить & DROP & клона & сохранить в БД процесс DOM объекта с JQuery и JQuery UI.
Я получил некоторые странные ситуации:
Хелпер клон не работает вообще.
Со следующими кодами оригинал div
тащит, а не клонирует.
<!doctype html>
<html lang="en">
<head>
<style>
#makeMeDraggable { float: left; width: 100px; height: 100px; background: red; }
#makeMeDroppable { float: left; left: 0px; width: 300px; height: 300px; border: 1px solid #999; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript">
$(init);
function init() {
$('#makeMeDraggable').draggable({
revert:"invalid",
help:'clone',
containment:"#makeMeDroppable"
});
$('#makeMeDroppable').droppable({
drop: handleDropEvent
});
}
function handleDropEvent(event, ui) {
var draggable = ui.draggable;
// console.log('The square with ID "' + draggable.attr('id') + '" was dropped onto me!');
}
</script>
</head>
<body>
<div id="content" style="height: 400px;">
<div id="makeMeDraggable"> </div>
<div id="makeMeDroppable"> </div>
</div>
</body>
</html>
И даже это "помощь:" клон" не "помощник: "клон"
"помощник:" клон" не работает .. .
Вы можете проверить на http://jsfiddle.net/JEdtX/6/
Что ГАЭС ening в моем коде? (На самом деле я предоставляю источник из Интернета ..)