[jQuery] Help! Integrating Superfish into Wordpress theme
I've been trying to integrate a Superfish menu with Wordpress for
hours now.
I'm having 2 problems:
1) The menu options (like speed and autoArrows) do not work. All I
have is a basic drop-down menu.
2) The menu does not work in IE6. I just have a menu without drop-
downs. I think this has something to do with # 1 not working. :-(
Has anyone successfully integrated Superfish with Wordpress? If so,
could you let me know your approach to how it can be done? :-)
I'm using the latest .js and .css files provided on the Superfish
website. I appreciate any ideas on this problem!
On my header.php file I have:
<head>
<!--SUPERFISH MENU-->
<!--link to the CSS files for this menu type-->
<link rel="stylesheet" type="text/css" href="<?php echo
get_stylesheet_directory_uri(); ?>/css/superfish.css" media="screen">
<script type="text/javascript" src="<?php echo
get_stylesheet_directory_uri(); ?>/js/hoverIntent.js"></script>
<script type="text/javascript" src="<?php echo
get_stylesheet_directory_uri(); ?>/js/superfish.js"></script>
<!--THIS SECTION DOES NOT WORK??-->
<script type="text/javascript">
// initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish({
delay: 300, // one second delay on mouseout
speed: 'fast', // faster animation speed
autoArrows: true, // disable generation of arrow mark-up
dropShadows: true, // disable drop shadows
});
});
</script>
</head>
<body>
<!--SUPERFISH MENU - THIS DOES WORK-->
<div class="menu">
<ul class="sf-menu">
<?php wp_list_pages('title_li=');
?>
</ul>
</div>