2

我正在尝试为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 中引用的变量 percent。该.js文件有一个我制作的对象，用于存储一些变量，并且我制作了 getter 以在需要时获取他们的信息。

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>

这就是我引用该变量的方式。我的标题中有脚本调用，所以一切都应该没问题。如果您可以提出任何建议，或者我需要澄清更多或提供更多信息，请发表评论。

4

1 回答 1

1

尝试这个

$(".campaign_percentage_bar").animate({width:percent+'%'}, 5000);
于 2013-08-20T00:22:33.420 回答