Question

我有div（box2），其宽度为0。

<div class="box">  
    <div class="box2"></div>     
</div>

我想用javascript / jQuery设置它的宽度百分比。由于我有以下功能：

var a = 50;
var b = 100;
function percentage(x,y){
    return a * 100 / b;
}
var box2Width = percentage(a,b);
$('.box2').animate({
    width: box2Width
},400);

我得到box2宽度（50）的百分比，但数量正如你所看到的..如何将其转换为百分比，以便box2可以获得50％的宽度？

这是：http://jsfiddle.net/Rd9rE/

感谢名单！

Answer 1

您正在以百分比而非传递参数的方式访问 a 和 b ，请更改它，否则会在以后导致意外结果。

或从函数Here is Demo返回百分号：

function percentage(x, y) {
    return (x * 100 / y)+'%';
}

$('.box2').animate({
    width: percentage(50, 100) 
}, 400);

Answer 2

您只需将%符号附加到值

即可

width: box2Width + '%'

Updated fiddle

Answer 3

只需添加%

即可

$('.box2').animate({
    width: box2Width + '%'
},400);

Answer 4

因为您按功能获得百分比值

var box2Width = percentage(a,b);

您只需在值的末尾添加%符号，因此只需在结果或函数中的任何位置添加%

 $('.box2').animate({
        width: box2Width+'%'
    },400);

OR

function percentage(x,y){
    return (a * 100 / b)+'%';
}

如何将此变量（数字）设置为百分比？

4 个答案: