JQueryUI拖放教程在IE9和IE7中中断

Question

我正在浏览这里的JQuery拖放教程：http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/

这是一个很棒的教程，但我对Internet Explorer中的最后一个项目有一些问题。我正在使用IE9及其开发人员工具将文档模式从IE9更改为IE8和IE7。

如果我将文档模式更改为IE9标准，则不会出现任何javascript创建的card div元素。如果我将文档模式更改为IE7，则可拖拽卡片内的数字文本将减半。IE8模式似乎可以工作--当然，圆边模式不起作用。

如果你想测试自己，这里有一个指向最终产品的链接：http://www.elated.com/res/File/articles/development/javascript/jquery/drag-and-drop-with-jquery-your-essential-guide/card-game.html

我试过使用Blueprint的IE样式表，但没有帮助。此外，我还将JQuery和JQueryUI版本更改为以下版本：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>

仍然没有变化。

有人知道是什么导致了这些问题吗？

Answer 1

尝试删除下面这一行，看看它是否正常工作。我有过类似的情况，它解决了这个问题。显然，您需要重写代码才能获得功能。

stack: '#cardPile div'，