Window.getComputedStyle没有在Firefox中实现interface Element错误

Question

我想将一些数据附加到HTML元素,所以我使用了以下代码:

$("#bookListDiv").append(data.HTMLString);

并且一切都有效,但是我想在显示这个元素的同时添加一个fadein动画,所以我把它修改为:

$(data.HTMLString).hide().appendTo("#bookListDiv").fadeIn(1000);

动画正在Chrome上运行但在Firefox上我在控制台中看到以下错误:TypeError:Window.getComputedStyle的参数1未实现接口元素.我正在使用jquery 1.8.2.

你能告诉我什么可能是错的吗？我假设有数据,但在第一种方法中,一切都正常.

Answer 1

我通过在 fadeIn 函数之前添加延迟找到了解决方案。修改后的代码：

$(data.HTMLString).hide().appendTo("#bookListDiv").delay(100).fadeIn(1000);

正如我注意到的，延迟的数量应该根据数据的大小进行调整，在我的例子中，对于 7KB json 数据，它是有效的，但我是从 1000 开始的。