Как проверить ширину экрана через jquery?
2 ответа
от
dmitrypro77 ,
3 года назад
@ewrewer Вы можете использовать .width() метод, чтобы получить ширину экрана через jQuery, ниже пример кода:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <meta charset="utf-8"/> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> </head> <body> <p class="inner-text">Ширина экрана: <span class="size"></span></p> </body> <script> // Ширина экрана let size = $(window).width() if (size >= 1024) { console.log("Большой экран....") } $(".inner-text .size").text(size); </script> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
от
yasmine ,
2 года назад
@carlo.cummerata
Чтобы проверить ширину экрана через jQuery, вы можете использовать метод width() в сочетании с объектом $(window).
Вот пример кода:
1
|
$(window).width(); |
Этот код вернет текущую ширину экрана в пикселях.
Вы также можете использовать метод $(window).resize() для отслеживания изменений ширины экрана и выполнения соответствующих действий, например:
1 2 3 4 5 6 7 |
$(window).resize(function() { if ($(window).width() < 768) { // Действия для маленьких экранов } else { // Действия для больших экранов } }); |
Этот код выполнит определенные действия, когда ширина экрана меньше 768 пикселей и когда она больше 768 пикселей.
15