Grow your CSS skills. Land your dream job.

MagicLine breaks when changing permalinks in WordPress?

  • # June 16, 2010 at 9:00 am

    Well I have the MacgicLine (http://css-tricks.com/jquery-magicline-navigation/) setup on a site and it works great. Currently I’m using the default permalinks and recently wanted to change it to a custom. The new permalinks would be ‘/%postname’ and for some reason when I change it to that MagicLine only works on the main front page. Any other pages the MagicLine has disappeared. I’ve tried looking at the .js file and nothing is making any sense to me.

    Any ideas why it would break after changing the permalinks?

    Thanks,
    Jake

    # June 18, 2010 at 1:18 pm

    For some reason I’ve looked over the code a 100 times and can’t figure out what is wrong. However Firebug is show this error but I’m not sure what it means.

    Code:
    $mainNav is null
    $mainNav.append(“
  • “); example.js(line 6)

Any ideas why the magic line isnt showing?

# June 19, 2010 at 5:22 pm

Do you have a live example up?

# June 22, 2010 at 9:44 am

Here is the site, its not a 100% finished but the Magic Line should be under the menu bar in the top left. Still need to style a few things but here it is.

http://www.ccimotorsport.com/

Also I would like any feedback about things to add/change… any design help would be great.

Thanks,
Jake

# June 22, 2010 at 1:07 pm

You said that the MagicLine was working on your home page, however it doesn’t seem to be (I checked in Firefox and Chrome).

I’m not exactly sure what the problem is, but there are a few things that it could be:
– I would say the first problem is that you are loading 2 separate version of jQuery
– You are loading up 3 different javascript libraries (jQuery, Prototype and Scriptalicious)
– Your html isn’t validating (Visit http://validator.w3.org/)

These might be the causes, and they might not. But it’s a good idea to fix this up and then check if there is still a problem.

# November 16, 2012 at 6:32 pm

has anyone figured out how to get this working in wordpress? Seems pretty straightforward. Im having trouble converting the $ to jQuery in a way wordpress likes. Ive tried every example out there. nada. any tips?

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".