Как Исправить функцию click

150

30 июля 2021, 20:50

добрий день надо написать предупреждения про переход на другую страницу на мобильной версии при клике есть функция на jquery при клик

if('html').css({maxWidth: '800px'})

$( "#carouselExampleIndicator" ).click(function() { alert('you definitely want to go to another page' ) })

не могу понять где ошибка зарание спс

Answer 1

Если Вам надо, чтобы алерт выскакивал только при разрешении экрана до 800px, то это можно сделать так:

let link = document.getElementById('link'); 
 
link.onclick = function() { 
   if(window.matchMedia('(max-width: 800px)').matches) { 
     alert('Точно перейти?'); 
   } 
}

<a href="https://google.ru" id="link">Ссылка</a>

А если Вам надо, чтобы в принципе ссылка была видна только на экранах до 800px, то можно использовать медиа-запрос:

let link = document.getElementById('link'); 
 
link.onclick = function() { 
     alert('Точно перейти?'); 
}

#link { 
  display: none; 
} 
@media screen and (max-width: 800px) { 
  #link { 
    display: inline; 
  } 
}

<a href="https://google.ru" id="link">Ссылка</a>

Answer 2

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

$(document).on('click', 'a', function(e) { 
  e.preventDefault(); 
  if (confirm('You definitely want to go to another page?')) { 
    location.href = $(this).attr('href'); 
  }   
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<a href="http://yandex.ru">Уйти со Stackoverflow навсегда в поиск</a>