Question

为什么以下代码不会导致任何淡入淡出效果？

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错误。

我做错了什么？

Answer 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});
   }

}

Answer 2

试试这个，

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

为什么我不能淡化sencha的触感？

2 个答案: