JQuery 动态更改 CSS 在 IE7 中不起作用

【问题标题】：JQuery dynamically changing CSS doesn't work in IE7JQuery 动态更改 CSS 在 IE7 中不起作用
【发布时间】：2013-08-22 02:55:14
【问题描述】：

我正在尝试使用 jquery 更改 div 位置，它在 chrome 中可以正常工作，但在 IE7 中却不行

Jquery 已加载，但属性未更改。帮助将不胜感激。提前致谢。

$('#tooltip1').css('left', '500px');

【问题讨论】：

你什么时候调用这个css更改？
请在 js fiddle 中发布您的代码。其次，您可以将以下内容添加到您的 CSS 代码中。 #tooltip1 {位置：相对；}
jsfiddle.net/avilao/BRZWV/3 这是代码。它为谷歌图表提供了一个自定义工具提示。这适用于 chrome，但不适用于 IE7。问题是css没有被动态更新（与位置）。第一篇文章中的代码行也适用于 chrome 和 IE7。我正在使用 jquery-1.7.1.min.js

标签： jquery css internet-explorer internet-explorer-7

【解决方案1】：

确保您使用的是 jQuery 1.x 而不是 2.x，因为 2 放弃了对旧版本 IE 的支持。

（我会将此作为评论发布，但我没有足够的声誉）。

编辑：

虽然我仍然没有完整的答案，但问题似乎源于treemap.draw 函数。注释掉 tree map.draw(data, options) 时，跟踪在 IE 中按预期工作（一旦您将 position:relative 放在 #tooltip1 本身上，正如之前评论中提到的那样）。此外，我创建了一个#foo 元素来测试mousemove 事件，它工作正常。

这让我相信treemap.draw 做了一些妨碍 IE7（和 IE8）中的事件处理程序的事情，或者完全取消绑定事件。

【讨论】：

我正在使用 jquery-1.7.1.min.js。我在之前的评论中添加了一个 JS Fiddle！
好的，我做了一些研究，在上面添加了一些建议。