jQuery 样式未在 Safari 中应用

Question

我有一个绝对定位的元素，我使用 CSS 属性“左”在 jQuery 的帮助下移动它。

$("#element").css('left', '103px');

在 Firefox 中，这按预期工作。但是在 Safari 中，我可以看到样式出现在 Web Inspector 的 element.style 下，但样式没有更新。如果我禁用(并重新启用)任何匹配的 CSS 规则(即使那些未直接应用于我的 div)，则会呈现使用 jQuery 应用的样式。

我在一台装有 jQuery 1.7.2 的旧 PowerMac 上运行 Safari 5.0.6。

Answer 1

我曾经遇到过这个问题，最后我在元素父容器上使用了 addClass 和 removeClass。

试试这个

$("#element").css('left', '103px').parent().addClass("dummyClass").removeClass("dummyClass");

如果这不起作用，下面肯定会起作用。

$("#element").css('left', '103px');
$("body").addClass("dummyClass").removeClass("dummyClass");

问题是有时我们更改 CSS 时 safari 不会重绘页面，因此我们需要强制重绘