Сделайте целое отделение активируемым по щелчку
У меня есть ссылка в отделении, и я должен сделать целое отделение активируемым по щелчку... нашел, что несколько учебных руководств в Интернете, но не их работали на меня...
2 ответа
Если вы хотите, чтобы весь div был доступен для навигации, вы можете либо обернуть его тегом anchor (), который не соответствует стандартам, либо добавить стиль CSS к содержащемуся тегу привязки, чтобы это размер содержащего div, который соответствует стандартам. В этом примере я буду использовать div размером 250 на 250 пикселей:
<div id="container"><a href="" style="display:block;width:250px;height:250px;">Link</a></div>
Raw JavaScript:
<div onclick="alert('You clicked me !')">Click Me</div>
jQuery:
$('#div_id').click(function(){
alert('Clicked !!');
});
Update: (Со ссылкой на вашу ссылку)
<div class="myBox">
blah blah blah.
<a href="http://google.com">link</a>
</div>
jQuery:
$(".myBox").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
Приведенный выше код отменяет действие ссылки по умолчанию (переход по ссылке) с помощью return false и привязывает событие click к div с классом myBox, затем находит атрибут src ссылки внутри div и window. location используется для перенаправления страницы на атрибут src ссылки, находящейся внутри div. Таким образом, div становится кликабельным.