javascript - jQuery royalSlider function not firing in IE8 or IE7 -
here's page i'm having problem with: http://www.jonathanadler.com/presstest3.php
royalslider working fine in browsers except ie8 , ie7 (and plugin supposed back upwards browsers). embedtumblr working fine, removeclass, royalslider function isn't firing.
here's script on page:
<script type="text/javascript"> $(document).ready(function() { $('#posts_container').embedtumblr('http://api.tumblr.com/v2/blog/japress.tumblr.com/posts?api_key=k9xgga3h3ly3wfhgxmosoextgqfsnhdgzcdrcdgjsggsnlbg34'); }); $(window).load(function() { $('#posts_container').removeclass('hide'); $('.royalslider').royalslider({ arrowsnav: false, autoscaleslider: false, imagealigncenter: false, addactiveclass: true, controlnavigation: 'none', fadeinloadedslide: false, globalcaption: true, globalcaptioninside: true, imagescalemode: 'fit', keyboardnavenabled: true, visiblenearby: { enabled: true, centerarea: 0.4, center: true, breakpoint: 0, navigatebycenterclick: true } }); }); </script> i'm relatively new javascript/jquery i'm guessing it's syntax issue or similar. help give appreciated!
some suggestions:
(1) seek using different doctype 1 you're using may cause issues.
either:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> or
<!doctype html> (if want switch html5 - recommended) (2) run site through html , css validatior have big amount of errors.
http://validator.w3.org/ http://jigsaw.w3.org/css-validator/(3) think you'd having slider js code within document ready block too. unless there reason using window load within that?
(4) you're running older version of jquery. consider updating latest release.
javascript jquery jquery-plugins syntax internet-explorer-8
No comments:
Post a Comment