带百分比的 JQuery if else 语句

Question

这是我的代码:

$('li a').click(function(){
    if ( $('li').width() == '7%' ) {
        $('li').animate({
            width: '86%'
        },300);
    } else {
        $('li').animate({
            width: '7%'
        },300);
    }
});

这个百分比似乎不起作用。如果我将其更改为像素，则完全可以，但以百分比表示，似乎出现了错误。

有专业人士可以帮我解决这个问题吗？请!

================================================== =====================================

好的，现在我将其更改为 css:

$('li a').click(function(){
    if ( $('li').css('width') == '70px' ) {
        $('li').animate({
            width: '86%'
        },300);
    } else {
        $('li').animate({
            width: '70px'
        },300);
    }
});

但是当我将 70px 更改为 7% 时，就不起作用了。为什么？

Answer 1

.width() 返回一个数字，而不是字符串，因此您必须自己计算百分比!