2011-09-23 44 views
0

我有這段代碼和/ ** /中的部分有一些錯誤...我找不到它......當我刪除代碼的那部分工作正常。這個jQuery代碼中的錯誤在哪裏?

Problem

Solution

$(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);} 

回答

6

試試這個

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); 
+1

它的工作原理,但它並沒有設置動畫..我想我就堅持在CSS:懸停功能...如果你能解決這個問題,只是說:)我不能接受它在9分鐘內,所以只是等待:) –

+0

@DavidDebnar:現在看它;) – genesis

+0

它刪除空間時會動畫在數字和%之間,但它有點怪異... http://jsfiddle.net/qHeMD/ –

1

嘗試使百分比字符串,像這樣:

/* 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*/ 
});