Navigation Not Working in IE8

I’m using Anthingslider to make a sort of e-book, where each page is a list item and it all slides using arrows at the sides of the page (technically, I’m using in5, which converts my InDesign file into HTML, but at this point I’m up to my elbows in code, so I’m taking some credit here).

My book has internal navigation – click a button and you’ll go directly to that page. It uses an onclick that calls nav.to(n), and it works great in Firefox and Safari. IE8, on the other hand, will slide left and right, one page at a time, but it doesn’t do anything with the direct navigation. It’s ignoring the nav.to(n) functionality entirely.

The whole page is enormous, and it would just be rude to upload it all here. But here is the script from the HTML doc that references the nav element:

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by Media Temple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.