Object doesn't support this property or method in ieTester IE8 or below error

Question

I have a 2 small script in the footer of my page, that produce a script error in IE8. IEtester says that this script error is created from the document ready (but i believe it's just cuz it's the start). I used jQuery so that it was cross browser compatible. :(

<script type="text/javascript">
$(document).ready(function(){

    //flexslider
   $(".flexslider").flexslider({
   animation : "slide",
    slideshow : true,
   animationDuration: "750",
   slideshowSpeed: 5000,
   pauseOnAction: true, 

  }); 

  //text slider overer
    $("#videos li").on({

  mouseenter: function() {
     $(this).animate({"padding-left": "50px"}, "normal");
  },

  mouseleave: function() {
       $(this).stop(true).animate({"padding-left": "0px"}, "slow");

  }});
  });

Does anyone know how to correct this script error? If so, could you explain why this error is created in the first place?

first script html page: http://designobvio.us/fonts/ Second script html page: http://designobvio.us/fonts/middle.php

Answer 1

Here's one issue that's sure to trip up IE8:

$(".flexslider").flexslider({
   animation : "slide",
    slideshow : true,
   animationDuration: "750",
   slideshowSpeed: 5000,
   pauseOnAction: true, // <-- Trailing comma
});

IE8 and lower hate trailing commas.

Answer 2

Remove the , from this line: pauseOnAction: true,

IE doesn't support commas on the end of the last line in an array or object.