Проблема с ссылкой на переменную javascript с помощью jquery

Question

Я пытаюсь анимировать элемент div, чтобы он менял свою ширину.

Проблема в том, что я хочу, чтобы она меняла свою ширину на переменную, хранящуюся в файле .js, и я не уверен, как ее распознать.

Мой HTML-код:

<section style="width:100%; height:120px; clear:both;" > 
    <section class="campaign_statistics" style="background-color:#EFEFEF;"> 

     <?php include('progress_chart.php'); ?> 

    </section> 
</section> 

Использование включает для этого PHP файла, который содержит:

if ($blog_id == 9) 
    echo 
    ' 
    <script> 
    var percent = String(businessProgress.getPercent()); 
    document.write(businessProgress.toString()); 
    </script> 
    ' 
; 

Я определил переменные проценты ссылаться на JQuery. Файл .js имеет объект, который я создал, который хранит некоторые переменные, и я сделал геттеры, чтобы получить их информацию, когда это необходимо.

toString() метод:

this.toString = function(){ 
    var string = '<div class="campaign_progress" style="width:0%;"> <div class="campaign_percentage_bar">' + String(this.getPercent()) + '% Percent Unit Progress</div> <div class="campaign_dollars">$' + mySlice(this.getCurrent()) + '<span class="goal"> of $' + mySlice(this.getGoal()) + '</span></div></div>'; 
return string; 
} 

В основном строит div элемент, который я хочу, чтобы анимировать.

Ширина устанавливается в 0% и когда мой JQuery называется в заголовке:

<script> 
    $(document).ready(function() { 
     $(".campaign_percentage_bar").animate({width:String(percent)+'%')}, 5000); 
    }); 
</script> 

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

Answer 1

Попробуйте

$(".campaign_percentage_bar").animate({width:percent+'%'}, 5000);