Question

当我在登录时单击窗体内的按钮时，我正在尝试显示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();
   }
});

麻烦的是我从未看到过显示/隐藏效果，

为什么会发生这种情况，以及如何解决这个问题？

Emberj js onclick失败了

0 个答案: