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

LVL 5
Tom KnowltonWeb developerAsked:
Who is Participating?
 
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:
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
 
Tom KnowltonWeb developerAuthor Commented:
Understood.

Thank you.
0
 
Tom KnowltonWeb developerAuthor Commented:
Excellent answer, as usual, by leakim971.  : )
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.