jQuery在自己的函數準備就緒時做些什麼

Question

我想優先考慮我的函數。

$(document).ready(function(){ 
drawMap(); 
on showLinks() ready do drawChart(); 
}); 

我該如何做到這一點與jQuery？

感謝，REPAS

Answer 1

正如Gary在他的回答中已經提到的，如果您正在處理異步執行，您只想執行此操作。

您可能想看看在jQuery 1.5中引入的deferreds。

在你的情況下，它會是這個樣子：

$(function(){ 
    drawMap(); 
    $.when(showLinks()) 
     .then(drawChart); 
}); 

爲了使上述工作，必須確保該showLinks函數返回一個promise，它觸發resolve一旦它執行完畢。

function showLinks(){ 
    var dfd = $.Deferred(); 

    // Add your asynchronous code here 
    setTimeout(function(){ 
     console.log("Links shown!"); 
     dfd.resolve(); 
    }, 1000); 

    return dfd.promise(); 
} 

檢查test case on jsFiddle

Answer 2

調用showLinks（）內drawMap（）調用 drawChart（）內，並在年底showLinks（）

Answer 3

你能扔從showLinks（）函數的自定義事件？然後你可以捕捉到這個事件並作出相應的反應。

這是bind和trigger之間的好戲。這是docs

Answer 4

• 如果showLinks() & drawMaps()是不是異步然後就打電話drawChart()後直：

  $(document).ready(function(){ 
      drawMap(); 
      showLinks(); 
      drawChart(); 
  }); 
  

• 否則提供一個回調showLinks()：

  function showLinks(callback) 
  { 
      /* your code */ 
      callback(); 
  } 
  
  $(document).ready(function(){ 
      drawMap(); 
      showLinks(drawChart); 
  }); 
  

很難說出代碼中什麼是和不是同步和異步，但在任何情況下，提供回調（如上例所示）都是前進的方向。