2011-08-30 71 views
0

我有一個代碼,調整懸停的容器div - 我試圖調整動畫完整的容器內的jquery滾動 - 但是我打破了整個代碼,我不知道如何。在完整的動畫不工作:/

以下是原文:

$(document).ready(function(){ 
$('.scroll-pane').hover(function() { 
    $('.leftmofo').animate({ 
     width: '600px' 
     }, 300); 

$('.scroll-pane').jScrollPane({showArrows:false,dragMaxHeight: 
100,wheelSpeed:20}); 

},function() { 
    $('.leftmofo').animate({ 
     width: '256px' 
     }, 300); 
}); 



}); 

這裏是我所做的:

$(document).ready(function(){ 
$('.scroll-pane').animate({width: '600px'}, 300, function() { 
    $('.scroll-pane').jScrollPane({showArrows:false,dragMaxHeight: 100,wheelSpeed:20}); 

},function() { 
    $('.leftmofo').animate({ 
     width: '256px' 
     }, 300); 
}); 



}); 

不知道我哪裏錯了,任何幫助表示讚賞:))) 謝謝:)

下面是原件的演示: http://jsfiddle.net/pufamuf/RmvVc/

+0

你原來的,你有一個'懸停()'。在你修改的時候,你沒有'hover()'。從描述中可以看出,如果刪除'hover()'就是你想要的。 – Sparky

+0

pufAmuf !!!爲什麼你刪除「中途滑動div - 但在一個容器下」?????我正在寫答案!這是一個有趣的問題!如果您仍然感興趣,請重新提出您的問題!讓我知道在這裏! –

+0

嗨,我很抱歉roXon我實際上在溢出中找到答案:隱藏。你仍然想回答我的問題嗎? – pufAmuf

回答

3

您錯過了第一個動畫電話的});。試試這個

$(document).ready(function(){ 
    $('.scroll-pane').hover(function() { 
    $('.leftmofo').animate({width: '600px'}, 300, function() { 
     $('.scroll-pane').jScrollPane({showArrows:false,dragMaxHeight: 100,wheelSpeed:20}); 
    }); 
    },function() { 
     $('.leftmofo').animate({ 
     width: '256px' 
     }, 300); 
    }); 
}); 
+0

不,不行,我應該上傳演示? – pufAmuf

+0

立即嘗試編輯的答案。 – ShankarSangoli

+0

你是最好的:)! – pufAmuf

1

試試這個

$(document).ready(function(){ 
    $('.scroll-pane').animate({width: '600px'}, 300, function() { 
     $('.scroll-pane').jScrollPane({showArrows:false,dragMaxHeight: 100,wheelSpeed:20}); 
    }); 
    $('.leftmofo').animate({width: '256px'}, 300); 
}); 
+0

仍然無法正常工作:/ – pufAmuf

+0

我在jsfiddle上發佈了原創演示:http://jsfiddle.net/pufamuf/RmvVc/ – pufAmuf