Solved

Jquery superfish question

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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
HTTPS jquery doesn't work 9 61
Set differnt row widths in a table. 3 22
Html5 Index on a table 7 26
Mouse event to control image and transparency. 4 21
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
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…

773 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