Je suis nouveau à jQuery UI et ..UI étrange jQuery - Drag and Drop PAS clone
Je ne comprends pas tout drag & drop & clone & sauvegarde pour traiter DB d'objet DOM avec jQuery et jQuery UI.
J'ai eu quelques situations étranges:
Le clone d'aide ne fonctionne pas du tout.
Avec les codes suivants, l'original div
fait glisser, pas le fait.
<!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>
Et même Il est "help: 'clone'" pas "aide: 'clone'"
"aide:« clone" ne fonctionne pas .. .
Vous pouvez vérifier à http://jsfiddle.net/JEdtX/6/
Qu'est-ce Happ ening dans mon code? (En fait je gor la source d'Internet ..)