Замените url (window.location), когда высота div становится больше 50px

Question

Новичок здесь. Я пытаюсь изменить страницу / URL-адрес веб-сайта с помощью window.location.replace, когда высота div #valor становится больше 50px.

Детали:

Этот div #valor увеличивает свою высоту при каждом нажатии. Но когда он достигает как минимум 50 пикселей, мне нужно перенаправить пользователя на другую страницу.

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

var maskHeight = $("#valor").css('height');

if (maskHeight > 50){
 window.location.replace("https://google.com");
}
else {
alert("if I'm here it means it didn't work"); //just testing
}
});

И у меня есть много разных опций, которые не сработали, но все они имеют следующее утверждение:

if ($('#valor').height() > 40) {
window.location.replace("https://google.com");
}

Я тоже пробовал что-то вроде этого:

var div = $("#valor").height();
var win = 50;

if (div > win ) {
    window.location.replace("https://google.com");
}

Мой первый подход, не указанный здесь, не сработал, потому что он сравнивал значение прямо при первом щелчке И я просто хочу сделать что-то вроде: когда #valor height становится больше / достигает 50px> изменить URL.

Заранее спасибо! Любая помощь очень ценится.

Answer 1

вы сравниваете строку с (например) 10px с целым числом:

var maskHeight = $("#valor").css('height'); // output for example 10px

if (maskHeight > 40){ . //than you compare it if(40px > 40)
 window.location.replace("https://google.com");
}

измените свою переменную на:

var maskHeight = $("#valor").height();

хорошо, вы отредактировали свое сообщение: Можете ли вы показать нам свою функцию обработчика кликов?

Я думаю, это правильный способ сделать это:

    var maskHeight = $("#valor").height();
    $("#valor").on('click', function()
    maskHeight = maskHeight + 10;
    if (maskHeight > 40){
        window.location.replace("https://google.com");
        }
    else 
       {
        alert("if I'm here it means it didn't work"); //just testing
       }
});