Re: [jQuery] Superfish and Wordpress

[Charlie]

you have a bunch of issues going on. First take the $(document).ready superfish constructor out of the internal functions of the plugin. Calling the plugin itself from within the plugin code is asking for problems( and it is throwing an error in Firebug) since you have multiple script libraries you'll likely need to use jQuery.noConflict http://docs.jquery.com/Using_jQuery_with_Other_Libraries remove multiple loads of same script in head ( example Hoverintent.js), this is asking for problems the selector you use to construct superfish isn't referencing the  menu ".sf-menu" within a selector refers to element(s) with class name "sf-menu" and you don't have any you can use any selector that applies to the main menu ul as long as it will reference that ul. Script won't work if you don't tell it where to do the magic http://docs.jquery.com/Selectors Rob wrote: I am having trouble getting my wordpress theme to use the Superfish in the nav menu. My problem is I have subcategories that go 3 tabs deep and currently it is very tough to navigate through the drop down menu so I wanted to get Superfish to work since I have used it with other non-Wordpress sites in the past. a link to the site I am working on is http://robgivans.com/hssportszone/ I have called these files. //link to the CSS files for this menu type <link rel="stylesheet" type="text/css" media="screen" href="" /> // link to the _javascript_ files (hoverIntent is optional) <script type="text/_javascript_" src=""></script> <script type="text/_javascript_" src=""></script> <script type="text/_javascript_" src=""></script> Then right above my Navbar I have called the script file for super fish, this is exactly how it is in my file. <script type="text/_javascript_"> $(document).ready(function(){ $("ul.sf-menu").supersubs({ minWidth: 12, // minimum width of sub-menus in em units maxWidth: 27, // maximum width of sub-menus in em units extraWidth: 1 // extra width can ensure lines don't sometimes turn over // due to slight rounding differences and font-family }).superfish(); // call supersubs first, then superfish, so that subs are // not display:none when measuring. Call before initialising // containing tabs for same reason. }); </script> <div id="navbar"> <div id="navbarleft"> <ul id="nav"> <li><a href="">Home</a></li> <?php wp_list_pages('title_li=&depth=4&sort_column=menu_order'); ?> </ul> </div> </div> I have changed the DIV Navbar to sf-menu but it makes no difference. If you have any idea what I could be doing wrong please let me know, I have been messing with this way too long, maybe I am missing something stupid. Thanks.