JQueryUI 拖放教程在 IE9 和 IE7 中破解

标签 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 创建的卡片 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>

仍然没有变化。

谁知道可能导致这些问题的原因是什么?

最佳答案

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

堆栈:'#cardPile div'

关于JQueryUI 拖放教程在 IE9 和 IE7 中破解,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8773619/

相关文章:

javascript - jquery ui Accordion 在 Knockout 可见更改上丢失绑定(bind)

javascript - jQuery UI 捕捉到元素然后调整大小以适合容器

javascript - 自定义箭头键导航无法正常工作(一部分有效)

javascript - 如何抑制我未开发的网站的 javascript 错误?

javascript - "TypeError: Object doesn´t support this actionundefined"IE8 与 Angular 应用程序中的错误

CSS header 在 IE 中的位置错误

jQuery悬停覆盖CSS a :hover color

jquery - 将 Rails 3 UJS 的 form_remote_tag 转换为 form_for

css - jQuery UI CSS 重置

当用户未从下拉列表中选择选项时,jQuery ui 自动完成