2012-03-01 61 views
0

HI我創建了一個的jCarousel,我想,直到用戶點擊觀看幻燈片,這是當前的jQuery我使用的淡入在的jCarousel每個尋呼機項目:重置點擊功能

$(document).ready(function() { 
    $('.overlay').css('display', 'block'); 
    $('.overlay').css('opacity', 1.0); 
    $('.views_slideshow_jcarousel_pager_item').click(function() { 
     $('.overlay', this).stop().animate({opacity:0.0},500); 
    }, 
    function() 
     $('.overlay').stop().animate({opacity:1.0},500); 
    }); 
}); 

這是一種工作,但它保持在點擊狀態,任何人有任何想法如何解決這個問題?該開發站點是dev.shoeboxdesign.co.uk

+0

[點擊兩個函數之間的替代]的可能重複(http://stackoverflow.com/questions/5891029/alternate-between-two-functions-on-click) – 2012-03-01 23:01:21

回答

0

不知道我得到它,但它不應該是:

$('.views_slideshow_jcarousel_pager_item').click(function() { 
    $('.overlay', this).stop().animate({opacity: 0}, 500, function() { 
     $('.overlay').stop().animate({opacity: 1},500); 
    }); 
}); 

我看來像你關閉第一個動畫,然後嘗試運行一個新的功能或某事奇怪。那裏的人物太多了?

也許你正在嘗試做一個切換?誰知道。

此外,您使用.overlay類重新制作所有元素,而不僅僅是您動畫的元素,因爲您可以在第二個動畫中使用$(this),如果這是預期的效果是。