如何控制何時在JavaScript中執行某些代碼塊？

Question

在我的骨幹項目中，呈現此頁面時，我需要顯示Edge HTML5動畫，之後需要觸發Gumby模態點擊事件。

我的問題是，有沒有辦法來控制後續使：

$（ '＃模式'）觸發（Gumby.click）;動畫結束後會被執行嗎？

我試圖設置本地Cookie或其他方法，但不起作用。

這裏是代碼結構：

Myview = Backbone.View.extend({ 
    initialize:function(){ 
     init:function(){ 
      var ajaxcall= $.ajax({ 

      }); 
      ajaxcall.done({ 

       _this.afterInit(); 

      }); 

      // Need to display this modal after the animation finish 
      $('#modal').trigger(Gumby.click); 
     }, 

     afterInit:function(){ 
      var anothercall= $.ajax({ 

      }); 

      anothercall.done({ 
       window.HTML5ANIMATION.playanimation(); //display Edge animation in an iframe 

      }); 
     }, 
     . 
     . 
     . 
     . 
    }, 

    render:function(){ 

    } 

    }); 

Answer 1

爲什麼動畫後沒有設置一個布爾標誌是結束了嗎？使用setInterval不斷檢查標誌的值，並在其變爲true時顯示彈出窗口。我相信你可以控制HTML5動畫代碼。

Answer 2

或者，甚至更好：在第一個任務結束時觸發DOM事件，並監聽此事件以啓動第二個任務。