2012-02-23 64 views
1

下面的代碼怎麼不會造成任何淡入淡出效果?爲什麼我不能淡入sencha touch?

var currentTicker =0; 
function toggleTicker() 
{ 
    var tickers = Ext.select('#toolbar .x-button').elements; 

    if(tickers.length > 1) 
    { 
     Ext.Anim.run(tickers[currentTicker], 'fade', {out:true}); 
     currentTicker++; 
     if(currentTicker == tickers.length) 
       currentTicker = 0; 

     Ext.Anim.run(tickers[currentTicker], 'fade', {out:false}); 
    } 

} 

我想淡出以前的.x按鈕並淡入下一個.x按鈕。但是沒有一個.x按鈕可以淡入或淡出。它們始終可見。我也沒有任何的JavaScript錯誤。

我在做什麼錯?

回答

1

您需要的autoClear屬性設置爲false否則褪色元素再次出現

在我的答案看看該職位

Working Example of Sencha Fade Effect

以下是需要使用autoClear和Ext.get()的代碼

var currentTicker = 0; 
function toggleTicker() 
{ 
    var tickers = Ext.select('#toolbar .x-button').elements; 

    if(tickers.length > 1) 
    { 
     Ext.Anim.run(Ext.get(tickers[currentTicker].id), 'fade', {out:true, duration:1000, autoClear:false}); 
     currentTicker++; 
     if(currentTicker == tickers.length) 
       currentTicker = 0; 

     Ext.Anim.run(Ext.get(tickers[currentTicker].id), 'fade', {out:false, duration:1000, autoClear:false}); 
    } 

} 
0

嘗試用這個,

tickers.hide({type: 'fade', duration: 400}) 
相關問題