使用jquery引用javascript變量時遇到問題

我試圖給div元素設置動畫，以便它改變寬度。使用jquery引用javascript變量時遇到問題

問題是我希望它將寬度更改爲存儲在.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文件有一個對象，我用它存儲了一些變量，並且讓getters在需要時獲取它們的信息。

的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>

這是我如何引用變量。我的頭文件中有腳本調用，所以一切都會好的。如果您可以提出任何建議，或者如果我需要澄清更多或提供更多信息，請評論。

來源

2013-08-19 WhyAyala

您可以發佈的jsfiddle？ – Rich

你想參考什麼？變量百分比？ –

你確定它是一個字符串嗎？ – adeneo

試試這個

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

來源

2013-08-20 00:22:33 Daniel

這正是我所期待的。你對這個額外的括號是正確的。我也將課程改爲campaign_progress，我之前使用的是不正確的。謝謝 – WhyAyala

使用jquery引用javascript變量時遇到問題

回答

相關問題