JavaScript NaN проблема с моим кодом JavaScript / JQuery - PullRequest
Новая
       1

JavaScript NaN проблема с моим кодом JavaScript / JQuery

0 голосов
/ 14 марта 2012

Я использую javascript для анимации некоторого текста в строке с div.

textValue может быть любым числом от 14 до 92.Затем мне нужно изменить это число в процентах (между 1 и 100), и это оживляет от 0 - до процента.Проблема в том, что он показывает NaN, и я не уверен, что это вызывает.

Я считаю, что проблема в строке, хотяValue = ...

Я объявил переменные ранее в моемкод.

Есть идеи, что вызывает эту проблему?

Спасибо 

        $("#percent")
            .delay(3000)
            .animate({
                bottom: textValue 
            }, {
            step: function () {
                whileValue = (Math.ceil(parseInt($(".progressbar-cover").css("bottom")-14)/78)*100);
                $("#percent").html(whileValue); //Increase the number to whileValue inline with animating upwards
            }
        });

Редактировать: Добавлен мой html для @ mike 

  <div class="progressbar">
      <div style="position:absolute; left:-14px; bottom:0%;" id="percent">0%</div>
      <span class="progressbar-value"><em class="progressbar-cover"></em></span>
  </div>

Ответы [ 3 ]

4 голосов
/ 14 марта 2012

Вы делаете 

parseInt($(".progressbar-cover").css("bottom")-14)

Вы можете исправить:

0 голосов
/ 14 марта 2012

Я согласен с Алитрем, но так как это процентное значение,

Я бы пошел на следующее (parseFloat): 

var value = ((parseFloat($(".progressbar-cover").css(bottom))-14)/78)*100);;
 $("#percent").html(value);
0 голосов
/ 14 марта 2012

css("bottom") возвращает число? или он возвращает что-то вроде: 24px

Просто добавьте: 

.css("top").replace("px","");
...