IE9和IE7中的JQueryUI拖放教程

时间:2012-01-07 22:27:00

标签: jquery internet-explorer jquery-ui internet-explorer-7 internet-explorer-9

我在这里查看JQuery拖放教程:http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/

这是一个很棒的教程,但我在Internet Explorer的最终项目中遇到了一些问题。我正在使用IE 9及其开发人员工具将文档模式从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>

仍然没有变化。

有人知道可能导致这些问题的原因吗?

1 个答案:

答案 0 :(得分:0)

尝试删除以下行,看看它是否有效。我有类似的情况,它解决了这个问题。显然,您需要重写代码才能获得功能。

stack: '#cardPile div'

相关问题