Question

我有这个代码和/ ** /中的部分有一些bug ...我找不到它...当我删除那部分代码时，它工作正常。

$(window).load(function(){
$('#cTop').toggle(
    function(){
        showC();
    },  
    function() {
        hideC();
    }
);

$('#textDownRight').click(function(){
    window.location = 'http://nitidus-consto.kilu.org';
    hideC();
});

    /* The buggy code starts here */
$('.menuCircle').hover(
    function () {
        $(this).animate({
            width: 55%,
            height: 55%
        }, 250);
    },
    function() {
        $(this).animate({
            width: 50%,
            height: 50%
        }, 250);
    });
    /*it ends here*/
});

function hideC(){
$('#c').animate({
    width: 100,
    height: 100,
    'margin-left': '-50px',
    'margin-top': '-50px'
    },500);
$('#cTop').animate({
    'backgroundColor': 'rgb(25,25,25)'
    }, 500);}

function showC(){
$('#c').animate({
    width: 200,
    height: 200,
    'margin-left': '-100px',
    'margin-top': '-100px'
    },500);
$('#cTop').animate({
    'backgroundColor': 'rgb(50,50,50)'
    }, 500);}

Answer 1

试试这个

http://jsfiddle.net/qHeMD/1/

你错过了有百分数值的引号

    $(this).animate({
        width: 55% ,
        height: 55%
    }, 250);
}, function() {
    $(this).animate({
        width: 50%,
        height: 50%
    }, 250);

应该是

    $(this).animate({
        width: '55 %' ,
        height: '55 %'
    }, 250);
}, function() {
    $(this).animate({
        width: '50 %',
        height: '50 %'
    }, 250);

Answer 2

尝试制作百分比字符串，如下所示：

/* The buggy code starts here */
$('.menuCircle').hover(
    function () {
    $(this).animate({
        width: '55%',
        height: '55%'
    }, 250);
},
function() {
    $(this).animate({
        width: '50%',
        height: '50%'
    }, 250);
});
/*it ends here*/
});

这个jQuery代码中的bug在哪里？

2 个答案: