如何修复Window.getComputedStyle不是对象错误

Question

I am trying to use draggabilly available at https://github.com/desandro/draggabilly

it works fine in html. Now when i have tried to add it in wordpress. I am getting following error in firebug console.

TypeError: Argument 1 of Window.getComputedStyle is not an object.
return s.getComputedStyle(t, null)

here is a link for js file http://draggabilly.desandro.com/draggabilly.pkgd.min.js

Answer 1

I received this error testing my project with IE8: finally it was so obvious, this method doen't work with IE 8!

Error: Object doesn't support this property or method at: http://...

I received this error with FF that does support this method but I forgot to change window to my frame window object!

console.log(getComputedStyle(window.document.querySelector('.tip > .tip.top'), ':after').getPropertyValue('left'));
TypeError: Argument 1 of Window.getComputedStyle is not an object.
at: http://...

Note that the above error pops up even if your window object is ok but the querySelector returns nothing! (I suspect it's your case).

Answer 2

You are calling init twice. Go through your code and remove one instance.