Представьте себе квадрат, например 10 на 10 см. В этом квадрате какое-то содержимое (текст, картинки, ещё что-то, не важно) и ссылка. Мы хотим сделать так, что бы при клике в любую область квадрата мы перешли по ссылке внутри этого квадрата. Мы можем конечно делать это с помощью CSS, но иногда это не спасает. Поэтому можно использовать очень удобное решение на jQuery.
function isClickable( obj, newTab ){
var $this = obj,
link = $this.find('a:first'),
href = link.attr('href'),
target = link.attr('target');
if (href == undefined) {
return;
}
if (target == '_blank' || newTab) {
window.open(href);
} else {
window.location.href = href;
}
}
(function($) {
$('.is-clickable').on('click', function (evt) {
if (!$(evt.target).is('a')) {
isClickable($(this));
}
});
})(jQuery);
Теперь просто добавьте класс "is-clickable" нужным блокам.