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
Solved

Jquery superfish question

Posted on 2013-01-08
3
366 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
  • 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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

839 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