Переход по ссылке при клике по div с помощью jQuery

Комментариев: 0

Представьте себе квадрат, например 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" нужным блокам.

Отправить ответ

avatar
  Подписаться  
Уведомлять