2012-02-23 5 views
1

次のコードはどのようにフェード効果をもたらさないのでしょうか?なぜ私は煎茶のタッチをフェードできないのですか?

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

を試してみてくださいそれ以外の場合は色あせた要素は、そのポストに私の答え

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

あなたはfalseautoClearプロパティを設定する必要があり、これに

tickers.hide({type: 'fade', duration: 400})