Question

我有一个按钮，我想在页面加载正常按钮图标向用户显示，一旦按下按钮我需要显示他按下按钮图标。我通过为按钮设置cls来实现这一点。我正在使用sass样式，从服务器访问图像URL路径。它按照我的要求正常工作。但是在第一次加载页面时它显示正常的按钮图标很好，一旦我按下按钮需要一些时间意味着（5-10秒）接下来它显示按下按钮图标，这是第一次发生只要。为什么它第一次加载这么多时间来加载更改按下图标？下次它会正常工作在按下按钮时立即改变图标。可以有另一种最好的方法来实现这个吗？

这是我的代码：

 {
                        xtype: "button",                           
                        cls: 'aboutclsT',
                        handler: function () {

                        }

                    }

在我的app.scss

中

.aboutclsT{
 background: url('http://src.sencha.io/100/http://s11.postimage.org/dg1zv08j7/about.png') !important;
 background-repeat: no-repeat;
 height: 133px;
 width: 100px;

 }

 .aboutclsT.x-button-pressing{
 background: url('http://src.sencha.io/100/http://s7.postimage.org/4vy4hg72z/about_active.png') !important;
 background-repeat: no-repeat;
 height: 133px;
 width: 100px;
 }

Answer 1

从URL加载按钮图像，第一次调用将其下载。之后浏览器将其缓存，因此需要时间。 如果你在CSS中使用它，那么它将一直很快。

按下按钮sencha touch2时，按钮花费时间加载/显示图像

1 个答案: