Странное поведение jquery при событии click и условии?

Question

[pillson]

https://yadi.sk/i/Bl1nUWYD9v2WCw вот видео, видно что сумма свыше 5000 а он отработает только при следующем клике

или наоборот

var nextSum = parseFloat($('.basket-sum').html());
   
    if(nextSum > 2000 && nextSum <3000){
        var nextSumStep = 3000-nextSum;
        $('.nextStep').html('Закажите еще на '+nextSumStep.toFixed(2)+'₽ и cтоимость доставки составит 350 рублей');
    }
    if(nextSum > 3000 && nextSum <5000){
        var nextSumStep = 5000-nextSum;
        $('.nextStep').html('Закажите ещё на '+nextSumStep.toFixed(2)+'₽ для бесплатной доставки по г. Москва');
    }
    if(nextSum > 5000){
        $('.nextStep').css('display', 'none');
    } else{
        $('.nextStep').css('display', 'flex');
    }

Суть в том. что к примеру если общая сумма дошла до 5000 то плашка исчезает, в обратном случае она при сумме 4997 не исчезнет, а при следующем клике исчезнет, странное поведение отработки проверки на сумму, в чем может быть проблема?

Answer 1

[iBird Rose]

полностью логичное поведение.
при клике ты берешь parseFloat($('.basket-sum').html()) и работаешь с ним.
если в момент клика там не больше 5000 - он и не будет скрываться.
а скрываться будет уже после того, как в момент клика в $('.basket-sum').html() будет больше 5000

Comments

[pillson]

А как избавиться от такого? Т.к. получается нелогично. что при сумме 4997 к примеру условие не отрабатывает, а только тогда когда еще раз клик и получение данных, помню кто то писал решение но не могу найти

[iBird Rose]

pillson, ну чтобы красиво сделать - выводи расчет цены в отдельную функцию и при клике также высчитывай эту цену уже внутри функции клика своего. так и узнаешь настоящий nextSum