当我在登录时单击窗体内的按钮时,我正在尝试显示gif(加载动画)。什么时候,我隐藏了GIF。
发生什么事情,当我点击按钮时需要几秒钟但是,什么都不显示。
这是处理程序栏的简单代码:
<div data-role="page">
<!-- This is div global because I need it ,in another views-->
<div class="loading"></div>
<script type="text/x-handlebars" data-template-name="index">
<div id="logo"></div>
{{#if error}}
<div class="alert alert-danger">
{{error-message}}
</div>
{{/if}}
{{#if render}}
<div class="div-middle">
<label class="lab">Ingrese su PIN</label>
{{input placeholder="Ingrese su PIN" class="field-extra form-box" type="password" valueBinding="pin"}}
{{#unless fail }}
<div class="alert alert-danger font-extra form-box field-extra">
{{failMessage}}
</div>
{{/unless}}
<button id="btn-login" class="btn btn-success btn-extra form-box" {{action 'login' }}>Iniciar sesión</button>
</div>
{{/if}}
{{outlet}}
</script>
</div>
好吧,我有一个带类加载的div,我把图像放在这个div中。 所以当开始调用IndexController时我会隐藏div,但是当点击按钮时我会显示div,并且当我启动另一个Controller时我假装停止显示图像
App.IndexController = Ember.ObjectController.extend({
init: function()
{
//hide the image until is clicked the button
$('.loading').hide();
},
actions:{
login:function(){
$('.loading').show();
if( isOK() ){
this.transitionToRoute('operador.lectura');
}
}
}
});
当重定向到此控制器时,我隐藏了图像
App.OperadorLecturaController = Ember.ObjectController.extend({
init:function()
{
$('.loading').hide();
}
});
麻烦的是我从未看到过显示/隐藏效果,
为什么会发生这种情况,以及如何解决这个问题?