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文件有一个我存储了一些变量的对象，我在需要时制作了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>

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

Answer 1

试试这个

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

使用jquery引用javascript变量时出现问题

1 个答案: