4

I know that my issue is known, I just can't figure out a way to fix the problem. However the code works in chrome,ff and safari, but not in ie6-8. I tried to debug the code and following popped up: Line: 272 Error: Object doesn't support this property or method

This is line 272 from my js-file

$('#page1')[0].addEventListener('webkitAnimationEnd', self.webkitAnimationEnd, true);

Hav you got an idea what is wrong with it? I'm using jquery <script type="text/javascript" src="js/jquery-1.4.3.min.js">;</script> which is called in my .html file.

I appreciate any help or useful hint. Thank you in advance.

Eli
  • 14,779
  • 5
  • 59
  • 77
Faili
  • 980
  • 5
  • 14
  • 27

2 Answers2

5

See mozilla docs for problem description and solution

var el = $('#page1')[0];
if (el.addEventListener){
  el.addEventListener('webkitAnimationEnd', self.webkitAnimationEnd, true);
} else if (el.attachEvent){
  el.attachEvent('webkitAnimationEnd', self.webkitAnimationEnd);
}
Mike G
  • 4,713
  • 2
  • 28
  • 31
2

use attachEvent for IE here is a SO link MSIE and addEventListener Problem in Javascript?

your code may look like 

if ( $.browser.msie ) {
$('#page1')[0].attachEvent('webkitAnimationEnd', self.webkitAnimationEnd);
}

hope that will help

Community
  • 1
  • 1
Rafay
  • 30,950
  • 5
  • 68
  • 101