Почему не работает переход по ссылке при использовании тригера click?

Question

[Dymok]

Нужно сделать чтобы при клике на карточку выполнялся переход на страницу, ссылка на которую есть внутри этой карточки в теге a.
Изначально пытался сделать так:

$(".card").on('click', function(e){
        console.log(e);
        window.open($(this).find("a").first().attr('href'));
});

Это работает, но в некоторых браузерах открытие новой вкладки блокируется.
Попытался сделать так:

$(".card").on('click', function(e){
  $(this).find('a').first().trigger('click');
});

$('.card a').on('click', function(e) {
  e.stopPropagation();
  console.log('clicked');
})

В таком случае клик срабатывает, но перехода по ссылке не проиходит. Почему так? Тоже блокируется браузером?
Как можно решить такую задачу иначе?

Comments

[Виталий Першин]

А нужно именно новое окно? Почему не использовать window.location?

[Dymok]

Виталий, клиент просит именно новое окно, чтобы пользователь мог вернуться назад просто закрыв открывшуюся вкладку

Answer 1

[Anton fon Faust]

Dymok, объясните клиенту, что 80% браузеров блокируют открываемые в новом окне ссылки.
А, вообще, в чем проблема сверстать нормально?
Берем ссылку, в нее оборачиваем див и не паримся.

Comments

[Dymok]

проблема в том, что внутри блока есть несколько ссылок, и если нажата определенная ссылка, то переход должен переходить по ней, а если клик был в пустом месте карточки - должна открываться первая ссылка в этой карточке

[Anton fon Faust]

Dymok,
Вообще нет никакой проблемы.
Все прекрасно работает.
jsfiddle.net/anton4ept/mojvn5zf

[Dymok]

Anton fon Faust, спасибо, не думал, что так будет работать