Solved

Jquery superfish question

Posted on 2013-01-08
3
370 Views
Last Modified: 2013-01-10
I'm no jQuery expert... but, I'm having a serious problem with the Superfish Menu extension in Joomla 3.  Could be a conflict ... not sure but the menus are all dropped by default and there is no fade effect.  Google Chrome dev console shows  an error.. see screenshot.

Maybe I can ditch the Superfish extension and just use superfish.js and affect the menu classes in code instead of fooling around with this extension.  Am I dreaming or is it pretty straight forward to get superfish drop nav effects going in code.  I'm proficient in CSS, PHP, HTML, XHTML etc but not so much in javascript.. I understand OOP so I'm pretty sure I can do it, I just need someone to describe the general process of lighting up a standard css nav to have superfish effects.

Any insight would help.. thnx
sample.jpg
0
Comment
Question by:tf2012
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 13

Accepted Solution

by:
joomla_php earned 500 total points
ID: 38757738
That's no a conflict. The file is corrupted. There is nothing wrong with the syntax in the picture, so probably it's been saved in a format that includes funny carriage return line feeds, or a control-character was accidentally pressed. Can you get the original js out of the zip and replace it?
0
 
LVL 1

Author Comment

by:tf2012
ID: 38760737
I'll give it a shot.. thank you!
0
 
LVL 1

Author Closing Comment

by:tf2012
ID: 38763849
The script is stored in the db.. it's joomla 3 site and the jt_superfish module seems buggy.  Not sure whats up.  I ditched it and used css for the drop nav.
0

Featured Post

Linux Academy Android App Now Supports Chromecast

We have some fantastic news for our Android fans. We’re so excited to announce that the Linux Academy Android app is now available with Chromecast support. That’s right – simply download the latest update of the Linux Academy App and start casting your favorite course videos!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn how to dynamically set the form action using jQuery.

631 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question