Scriptaculous 中的可排序问题

Question

我在使用 Scriptaculous 的拖放库让我的 div 变得可排序时遇到问题。

<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>

当我尝试使用 Safari 的 Web Inspector 进行调试时，我收到以下错误： TypeError: Result of expression 'tagName.toUpperCase' [undefined] is not a function. dragdrop.js:932

问题是在 dragdrop.js 文件中还是在我的代码中，如果在我的代码中，我该如何解决？谢谢。

Answer 1

Sortable.create 方法期望选项 tag 和 tagTree 只是两个字符串，而不是一组 DOM 元素：

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

试试看here。