Нужно узнать высоту изображения, которая меняется в зависимости от ширины экрана пользователя

@KoNfid · Регистрация: 08.06.2020

Author24 — интернет-сервис помощи студентам

На jQuery сделал скрипт, который в переменную imageHeight записывает высоту изображения и потом через alert выводит ее при обновлении сайта, но почему-то браузер выдает ошибку:

jquery-3.5.1.min.js:2 Uncaught TypeError: e.indexOf is not a function
at S.fn.init.S.fn.load (jquery-3.5.1.min.js:2)
at HTMLDocument.<anonymous> (jquery.js:2)
at e (jquery-3.5.1.min.js:2)
at t (jquery-3.5.1.min.js:2)
S.fn.load @ jquery-3.5.1.min.js:2
(anonymous) @ jquery.js:2
e @ jquery-3.5.1.min.js:2
t @ jquery-3.5.1.min.js:2
setTimeout (async)
S.readyException @ jquery-3.5.1.min.js:2
(anonymous) @ jquery-3.5.1.min.js:2
e @ jquery-3.5.1.min.js:2
t @ jquery-3.5.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.5.1.min.js:2
c @ jquery-3.5.1.min.js:2
fireWith @ jquery-3.5.1.min.js:2
fire @ jquery-3.5.1.min.js:2
c @ jquery-3.5.1.min.js:2
fireWith @ jquery-3.5.1.min.js:2
t @ jquery-3.5.1.min.js:2
setTimeout (async)
(anonymous) @ jquery-3.5.1.min.js:2
c @ jquery-3.5.1.min.js:2
fireWith @ jquery-3.5.1.min.js:2
fire @ jquery-3.5.1.min.js:2
c @ jquery-3.5.1.min.js:2
fireWith @ jquery-3.5.1.min.js:2
ready @ jquery-3.5.1.min.js:2
B @ jquery-3.5.1.min.js:2

html код

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
 
    <style>
        
    .background {
        width: 100%;
        display: flex;
        justify-content: center;
    }
 
    .bgc-img {
        width: 80%;
    }
 
    </style>
</head>
<body>
    <div class="background">
        <img src="https://zastavok.net/main/auto/158531262553.jpg" alt="Image" class="bgc-img" id="check">
    </div>
 
 
 
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
 
    <script>
        $(document).ready(function(){
            $('#check').load(function(){
                var imageHeight = $('#check').height();
                alert(imageHeight);
            }); 
        });
    </script>
 
</body>
</html>

@Уф · 22.06.2020, 15:43

ты вообще читал что делает функция load?

Javascript

        $(document).ready(function(){
                var imageHeight = $('#check').height();
                alert(imageHeight);
        });

@Soldado · 22.06.2020, 16:07

Сообщение от KoNfid

На jQuery сделал скрипт, который в переменную imageHeight записывает высоту изображения и потом через alert выводит ее при обновлении сайта, но почему-то браузер выдает ошибку

В старых версиях JQuery, load - событие отслеживающее загрузку элементов страницы, а также ajax-загрузка контента.
В более новых версиях, в частности jquery-3.5.1, остался только ajax.

@Soldado 901 / 833 / 198 Регистрация: 28.06.2012 Сообщений: 1,607 Записей в блоге: 4
	22.06.2020, 16:07	3
	Сообщение от KoNfid На jQuery сделал скрипт, который в переменную imageHeight записывает высоту изображения и потом через alert выводит ее при обновлении сайта, но почему-то браузер выдает ошибку В старых версиях JQuery, load - событие отслеживающее загрузку элементов страницы, а также ajax-загрузка контента. В более новых версиях, в частности jquery-3.5.1, остался только ajax. 1