Superfish javascript doesn't seem to be working
Permalink
Hi All,
I've spent hours trawling the net and trying different things to get this to work with no success... I hope you can help.
I'm building my first site using Concrete5, the url's here:
http://lukefarrugia.com/concrete5/...
I've added the following Superfish files to my site and linked to them from default.php:
- superfish.css
- superfish-vertical.css
- hoverintent.js
- superfish.js
I created a template for autonav so I could change the ul's class from 'nav' to 'sf-menu sf-vertical' as per Superfish's instructions. When I view source on the page this seems to work fine.
If I comment out all my own menu stylings the default Superfish blues are visible so I know the css is loading ok.
In default.php I call all the stylesheets, then header_required, then modernizr.js, hoverintent.js, superfish.js, then my own hsb.js (which currently only calls superfish() on ul.sf-menu)
What's not working are Superfish's arrows and the animating of the flyouts which I expect to be in use for the 'Body' link which has sub-menus.
This is driving me nuts, please help!
--
On a completely different topic, one of the content editors added background colours to all the content text at one stage and I want to remove them all. Is there a quick and easy way to do that without having to remove it manually from the html?
--
Thanks in advance.
I've spent hours trawling the net and trying different things to get this to work with no success... I hope you can help.
I'm building my first site using Concrete5, the url's here:
http://lukefarrugia.com/concrete5/...
I've added the following Superfish files to my site and linked to them from default.php:
- superfish.css
- superfish-vertical.css
- hoverintent.js
- superfish.js
I created a template for autonav so I could change the ul's class from 'nav' to 'sf-menu sf-vertical' as per Superfish's instructions. When I view source on the page this seems to work fine.
If I comment out all my own menu stylings the default Superfish blues are visible so I know the css is loading ok.
In default.php I call all the stylesheets, then header_required, then modernizr.js, hoverintent.js, superfish.js, then my own hsb.js (which currently only calls superfish() on ul.sf-menu)
What's not working are Superfish's arrows and the animating of the flyouts which I expect to be in use for the 'Body' link which has sub-menus.
This is driving me nuts, please help!
--
On a completely different topic, one of the content editors added background colours to all the content text at one stage and I want to remove them all. Is there a quick and easy way to do that without having to remove it manually from the html?
--
Thanks in advance.
superfish support forum would be a better place to post this.
Uncaught ReferenceError: jquery is not defined
Try using $ instead of jquery
$(document).ready(function() {
$('ul.sf-menu').superfish({
animation: {height:'show'}, // slide-down effect without fade-in
delay: 1200 // 1.2 second delay on mouseout
});
});
it looks like your function is trying to run before jQuery has been loaded, try using the $ instead of the jquery call??
Only a guess but hopefully should work
as for the bg content, try copying and pasting again using "plain Text" mode, you would need to add in the colours again but that should strip all the bg info
Try using $ instead of jquery
$(document).ready(function() {
$('ul.sf-menu').superfish({
animation: {height:'show'}, // slide-down effect without fade-in
delay: 1200 // 1.2 second delay on mouseout
});
});
it looks like your function is trying to run before jQuery has been loaded, try using the $ instead of the jquery call??
Only a guess but hopefully should work
as for the bg content, try copying and pasting again using "plain Text" mode, you would need to add in the colours again but that should strip all the bg info
Seanom, thank you so much for taking the time to answer. You were spot on about both the javascript and removing the text background colours.
I normally use Firebug to troubleshoot my CSS issues. How did you troubleshoot the Javascript?
Thanks again!
I normally use Firebug to troubleshoot my CSS issues. How did you troubleshoot the Javascript?
Thanks again!
Firebug should also be able to debug the javascript, but I use the inspector in Google Chrome, which though not as in-depth as firebug gives a good starting point.
Glad you got it sorted though, my usual mistake is to make the call before I have even loaded in jquery, so I see that error quite often ;)
Glad you got it sorted though, my usual mistake is to make the call before I have even loaded in jquery, so I see that error quite often ;)
Hi, I purchased the Same Add-on but i did't get any to downlad till now. How can get teh Files and Installation Procedure for my site. I purchased it using my credit card but till now i did't get it. I really feed very bad to choose this. Till now i checking all the place in the site to get reply from any concerns, But i failed. Any one there to guide me to get the files to install it in my site or to get my money return back??????????????
@aliglobe wrong place to post, also, try looking in your profile
http://www.concrete5.org/profile/orders/...
http://www.concrete5.org/profile/orders/...
