Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 325
  • Last Modified:

jQuery - superfish menu - sfTimer error.

I am using jQuery's "superfish" for the menu on my website

While debugging I notice that I get these errors as I hover over the menu items:

sftimer
Website URL:  http://www.utahkidsfoundation.com


The error does not seem to happen for top menu items that don't have sub items.  It seems to happen onEnter and onExit (hovering over a menu item then leaving).

I just need some help debugging.


Here is the raw HTML that superfish converts into the menu:

<ul id="ukfmenu" class="sf-menu sf-js-enabled sf-arrows" style="padding-left:166px;padding-top:28px;font-family: Geneva, Arial, Helvetica, sans-serif, sans-serif;font-size:15px;font-weight:bold;">
    <li>
        <a href="Default.aspx">Home</a>       
    </li>
   <li class="current">
        <a href="About.aspx">About</a>
        <ul>
            <li>
                <a href="OurMission.aspx">Our Mission</a>
            </li>
            <li>
                <a href="MeetOurBoard.aspx">Meet Our Board</a>
               <%-- <ul style="display: none;">
                    <li class="current"><a href="#">menu item</a></li>
                    <li><a href="#aba">menu item</a></li>
                    <li><a href="#abb">menu item</a></li>
                    <li><a href="#abc">menu item</a></li>
                    <li><a href="#abd">menu item</a></li>
                </ul>--%>
            </li>
            <li>
                <a href="OurKidsInTheNews.aspx">Our Kids in the News</a>               
            </li>
            <li>
                <a href="ForumRules.aspx">Forum Rules</a>               
            </li>
        </ul>
    </li>
   <li class="current">
        <a href="Projects.aspx">Projects</a>
        <ul>
            <li>
                <a href="MommyCarePackage.aspx">Mommy Care Package</a>
            </li>           
            <li>
                <a href="MeetOurUtahKids.aspx">Meet Our Utah Kids</a>               
            </li>
            <li>
                <a href="MedicalSupplyExchange.aspx">Medical Supply Exchange</a>               
            </li>
             <li>
                <a href="HealthAndSafety.aspx">Health and Safety</a>               
            </li>
             <li>
                <a href="ListOfNonProfits.aspx">List of Non-Profits</a>               
            </li>
        </ul>
    </li>
    <li class="current">
        <a href="Sponsorship.aspx">Sponsorship</a>
        <ul>
            <li>
                <a href="HowYouCanHelp.aspx">How You Can help</a>
            </li>               
        </ul>
    </li>
    <li>
        <a href="Events.aspx">Events</a>       
    </li>
     <li>
        <a href="Donate.aspx">Donate</a>       
    </li>
     <li>
        <a href="Contact.aspx">Contact</a>       
    </li>
</ul>

Open in new window

0
Tom Knowlton
Asked:
Tom Knowlton
  • 3
1 Solution
 
Tom KnowltonWeb developerAuthor Commented:
Update:

The error goes away if I remove this class from the HTML markup:

sf-js-enabled

But I still don't know what is wrong.
0
 
leakim971PluritechnicianCommented:
The author itslef give you the answer here : https://github.com/joeldbirch/superfish/issues/88#issuecomment-21088662

joeldbirch commented on 16 Jul 2013 :
I've found that the cause of this is that you should not be adding the sf-js-enabled sf-arrows classes to the HTML. Superfish needs to add those dynamically as it initialises. If they are present prior to Superfish initialisation then chaos ensues.
0
 
Tom KnowltonWeb developerAuthor Commented:
Understood.

Thank you.
0
 
Tom KnowltonWeb developerAuthor Commented:
Excellent answer, as usual, by leakim971.  : )
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now