Problème avec Sortables dans Scriptaculous

Question

Je suis un problème avec obtenir mes divs pour devenir sortable en utilisant le glisser-déposer Bibliothèque de Scriptaculous.

<pre id="leftcol">
<div id="id0"><h3>Date and Time</h3><div class="moduleContent"></div></div>
<div id="id14"><h3>Calculator</h3><div class="moduleContent"></div></div>
</pre>

<script type="text/javascript">
Sortable.create("leftcol", {tag:$$('div'), treeTag:$$('pre')});
</script>

Lorsque je tente de déboguer avec l'inspecteur Web Safari, je reçois l'erreur suivante:     TypeError: Result of expression 'tagName.toUpperCase' [undefined] is not a function. dragdrop.js:932

Le problème dans le fichier dragdrop.js ou est-il dans mon code, et si elle est dans mon code, comment puis-je résoudre ce problème? Merci.

Answer 1

La méthode Sortable.create prévoit que les options tag et tagTree sont tout simplement deux cordes, pas un ensemble d'éléments DOM:

Sortable.create("leftcol", {tag:'div', treeTag:'pre'});

Essayez .