0

所以我有一个切换按钮,可以在绝对定位的元素上切换“扩展”类。使用扩展类,元素的底部设置为 0px,没有它,它的底部设置为 -400px。

在我进行一些更改之前,这个确切的设置可以按预期工作,但现在不行。

这是奇怪的部分:添加扩展类时一切正常(元素移动到底部:0px)。当我点击切换按钮删除类时,类被删除并且正确的 css 规则就位(根据 chrome 检查器匹配的 css 规则),但底部根本没有改变(它一直显示为0px 底部,即使 chrome 检查器说它是-400px)。

如果我查看元素的计算样式,它会将底部显示为 0px(此时应该是 -400px),但是当我打开它旁边的箭头以查看是什么原因时,它显示为 -400px样式表 chrome 认为正在应用。

如果我单步执行删除扩展类的函数,它会按预期工作,但如果我跨过该函数,则它不会(但我知道函数仍在运行)。

另一个非常奇怪的事情是,当页面上完全独立的元素的某些悬停状态被触发(不是每个元素的悬停,只是其中一些)时,底部将更新到正确的状态。

这在 Safari 和 Chrome 中都会发生,但不会在 Firefox 中发生。

我认为这一定是 Chrome 中的一个错误,但鉴于在我进行更改之前它运行良好并且它在 Safari 中也可以重现,我觉得它必须与我的代码相关,但我不能我的生活弄清楚发生了什么。

我所做的似乎已经破坏了这一点的更改是一堆 jQuery 性能改进,但是由于代码工作正常(类正在切换),我只是不知道是什么原因造成的。

在运行 OS X 10.8.3 的视网膜 MacBook Pro 上使用 Chrome 28.0.1500.71、Safari 6.0.3、Firefox 22.0

任何帮助将不胜感激。

4

0 回答 0