206 posts
  • Author Level 2
  • Affiliate Level 6
  • 6 Years of Membership
  • Collector Level 1
+2 more
ronkathemes
says

I try to implant Superfish plugin into my template it works just fine but without the animation. here is the code http://jsfiddle.net/SqxCN/

why is that?

68 posts
  • Author Level 6
  • Collector Level 2
  • Weekly Top Seller
  • Exclusive Author
+2 more
WebinCode
says

I try to implant Superfish plugin into my template it works just fine but without the animation. here is the code http://jsfiddle.net/SqxCN/ why is that?
Hi try to add like here
// initialise plugins
    jQuery(function(){
    jQuery('ul.sf-menu').superfish({
            delay:       300,                            // one second delay on mouseout 
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
            speed:       'normal',                          // faster animation speed 
            autoArrows:  true,                           // disable generation of arrow mark-up 
            dropShadows: false                            // disable drop shadows 
    });
    });
206 posts
  • Author Level 2
  • Affiliate Level 6
  • 6 Years of Membership
  • Collector Level 1
+2 more
ronkathemes
says

doesn’t help :S

206 posts
  • Author Level 2
  • Affiliate Level 6
  • 6 Years of Membership
  • Collector Level 1
+2 more
ronkathemes
says

any one?

1950 posts Do the Needful
  • Weekly Top Seller
  • Author Level 8
  • Elite Author
  • 5 Years of Membership
+12 more
JamiGibbs
says

If it’s working without the animation it’s probably just functioning with CSS only and no jQuery (because superfish falls back to CSS ). Because the jQuery isn’t loading you should do a few basic checks:

  1. Are you referencing the .js file in your header with the correct path?
  2. Are you initializing the plugin in your header correctly? It should like something like this:
  3. // initialise Superfish 
    <script> 
    
        $(document).ready(function() { 
            $('ul.sf-menu').superfish({ 
                delay:       1000,                            // one second delay on mouseout 
                animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
                speed:       'fast',                          // faster animation speed 
                autoArrows:  false,                           // disable generation of arrow mark-up 
                dropShadows: false                            // disable drop shadows 
            }); 
        }); 
    
    </script>
    
  4. Did you link to the superfish CSS file?
by
by
by
by
by
by