Почему не работает ссылка href, а ссылка onClick работает?

Question

В моем слайдере jquery я пытаюсь обернуть изображения тегами с помощью ссылок href.Они не отвечают.Однако onclick = "javascript: self.location.href = 'http://hodaradesign.com/'; return false;"работает отлично.Почему это так?

Не работает:

<a href="hodaradesign.com"><img id="book2" class="book" src="book2.png" /></a>

Работает:

<img id="book3" class="book" src="book3.png" onclick="javascript:self.location.href='http://hodaradesign.com/'; return false;" />

Демонстрационная версия:

http://www.freewaycreative.com/jsfun/fiddle.html

Есть идеи?

Answer 1

вы указали атрибут href в теге <img> вместо тега <a>.

оно должно быть:

<a href="http://hodaradesign.com"><img id="book2" class="book" src="book2.png" /></a>

, если вы возвращаете false в обработчике события onlckickсобытие не может быть выполнено.в этом случае открываем ссылку.

Answer 2

Поскольку ваш ползунок не знает или не заботится об элементе <a...>, он смотрит только на элементы с классом, установленным в book!

Попробуйте это:

<a <b>class="book"</b> href="<b>http://</b>hodaradesign.com">
  <img id="book2" src="book2.png" />
</a>

Answer 3

ну, это выглядит как код спагетти.

вам не нужен обработчик javascript: в событии onclick, так как это уже событие javascript. кроме того, return false в событии onclick предотвратит переход по ссылке, если javascript включен и выполняется правильно.

что-то вроде этого или другого слушателя, вероятно, ваша проблема.