CODEWITHSUNDEEP
jquerypythonhtmlcssdjango
thumbtackthief
thumbtackthief

Reputation: 6221

Links stopped working -- jquery issue?

I have links in a dropdown menu bar for navigation around my site. Yesterday, they worked fine. Today, they the menus no longer dropdown and the links that do display (in the headers) don't function like links (i.e. cursor doesn't change, they don't display the hover color change, etc.) I even reverted to old commits to make sure I hadn't broken them, but they don't work at all, even for commits where I am 100% positive they used to. When I do click on a 'link', I get the warning 'event.returnValue is deprecated. Please use the standard event.preventDefault() instead.' from a jQuery file. I've tested on both Chrome and Firefox. Normal links work fine, just not the ones in my navigation bar.

<ul>
  <li><a href="#">About Us</a>
      <ul>
         <li><a href="/quiz/" >Quiz</a></li>
         <li><a href="/photos/">Photos</a></li>
         <li><a href="/story/" class="last">Our Story</a></li>
      </ul>
  </li>
</ul>

Edit: That warning actually comes up whenever I click anywhere on the screen, not just on the links.

Edit: http://jsfiddle.net/sLNHz/

Upvotes: 0

Views: 105

Answers (1)

Boldewyn
Boldewyn

Reputation: 82784

In your fiddle, it's the display: inline on the <ul> element: That makes the whole thing collapsing to zero width and hence the links unclickable. The text is shown because of the default overflow: visible. So, it's a CSS issue, not a JS one.

Upvotes: 2

Related Questions