Nivo Slider issue induced by SuperfishJames "Jamie" Johnson
27 June 2013
Just 9 days after implementing the above Superfish menu, I found issues in another implementation. This site is still using the original implementation, which does work successfully standalone. However, when using the Superfish menu with Nivo Slider, there are issues, especially on iOS. Say it ain't so! Yes, it's true. While iPhone emulators failed to show the issue, both the iPhone 4S and iPhone 5 clearly had issues.
The first problem was that Nivo Slider slides were not loading on iOS. When I disabled superfish.js, they loaded, but my auto-resizing of menu items failed. Ironically, the menu still functioned well thanks to hoverIntent.js.
The good news: there is a solution:
- Disable the call to the superfish() function and use $(window).load() instead of $(document).ready() in your internal jQuery script.
/* by James Arthur Johnson. This script automatically sets the menu item widths */
numli=$('.sf-menu > li').length;
hnavliwidth = 960/numli;
NOTE: You do not have to use the $(window).load() function for the IE conditional jQuery scripts.