Как изменить jquery скрипт, чтобы он срабатывал на смартфонах
Здравствуйте!
Есть данная конструкция, с помощью скрипта внутри блоков находится ссылка и применяется ко всему родительскому блоку, грубо говоря делая блок одной большой кнопкой/ссылкой. На ПК все работает штатно, но на смартфонах (Android) по какой то причине скрипт отказывается работать.
$(document).ready(function() {
$('.lwr').click(function() {
window.location = $(this).find('a').attr('href');
return false;
})
});.lwr {
padding: 20px 30px;
border-radius: 8px;
background: #ededed;
margin: 5px;
width: 35%;
text-align: center;
cursor: pointer;
float: left;
}
.lwr a {
display: block;
padding: 10px 0;
}
.lwr:hover {
background: #c0e0d4;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<div class="lwr"> Что вас поражает в науке? - Пасту для зубов проверяют на яйцах!
<a href="https://yandex.ru/"> Ссылка</a> Он искал суженую. Попадались только расширенные.
</div>
<div>
<div class="lwr"> - Как узнать сколько девушке лет? - Спросить какой у нее был первый телефон.
<a href="https://google.com/"> Ссылка</a> Из новогоднего настроения у меня сейчас только глаз дергается в такт гирляндам
</div>
</div>Подскажите пожалуйста, что нужно изменить в данном скрипте, чтобы он заработал на смартфонах?
Благодарю за ответ!