jquery click-функция выполняется при загрузке страницы, но не при нажатии

Question

Я использую jQuery, чтобы получить высоту div #img-copyright, когда страница загружена, пишу в var copyrightHeight и устанавливаю высоту div равной 0.

Когда другой div нажата, function showImgCopyright() должен установить максимальную высоту div # img-copyright для содержимого переменной.

Я сделал две попытки.

Первая:

var copyrightHeight;

$(document).ready(function () {

    copyrightHeight = $("#img-copyright").height();

    console.log(copyrightHeight);
    // just used to see if the height got written in the var - it is

    $("img-copyright").css("max-height", 0);

    $("#show-img-copyright").click(showImgCopyright());

    function showImgCopyright() {
        $("#img-copyright").css("max-height", copyrightHeight);
    }


});

Второй:

var copyrightHeight;

$(document).ready(function () {

    copyrightHeight = $("#img-copyright").height();

    console.log(copyrightHeight);
    // just used to see if the height got written in the var - it is

    $("img-copyright").css("max-height", 0);

    $("#show-img-copyright").click(function (){
        $("#img-copyright").css("max-height", copyrightHeight);
    });


});

В первом примере функция выполняется непосредственно после загрузки страницы, а НЕ при нажатии на div (не так, как я хотел). Во втором примере все работает так, как я хотел - функция просто выполняется при нажатии на div. Но я не понимаю почему.

Как я могу заставить его работать с дополнительной функцией, как в первом примере?

Answer 1

Большое спасибо.

Я тоже узнал, я забыл # в строке $("img-copyright").css("max-height", 0);.

Так что правильный код будет:

var copyrightHeight;

$(document).ready(function () {

    copyrightHeight = $("#img-copyright").height();

    $("#img-copyright").css("max-height", 0);

    $("#show-img-copyright").click(showImgCopyright);

    function showImgCopyright() {
        $("#img-copyright").css("max-height", copyrightHeight);
    }

});