動態添加.js文件，如何知道它何時準備好？

Question

爲了只加載在觸摸設備的jQuery的刷卡劇本，我與近代化檢測，並追加劇本，如果是觸摸，就像這樣：

/**/ 
if (modernizer.touch) { 
    var js = jQuery("<script>"); 
    css.attr({ 
     type: "text/css", 
     src: base_url + "/js/jquery-touch-swipe.js?p1" 
    }); 
    $("head").append(css); 
    $this.swipe(function(e, dx, dy){ 
     if(dx < 0){ 
      $this.find('.next').click(); 
     } else { 
      $this.find('.prev').click(); 
     } 
    }); 
} 

的問題是，經過正確的功能swipe ISN尚未準備好。我可以使用setTimeout，但我無法確定，

如何確保附加腳本已準備就緒？

我想是這樣的：

if (modernizer.touch) { 
     var js = jQuery("<script>"); 
     css.attr({ 
      type: "text/css", 
      src: base_url + "/js/jquery-touch-swipe.js?p1", 
      id: 'swipe' 
     }); 
     $("head").append(css); 
     $('#swipe').load(function() { 
      $this.swipe(function(e, dx, dy){ 
       if(dx < 0){ 
        $this.find('.next').click(); 
       } else { 
        $this.find('.prev').click(); 
       } 
      }); 
     }); 


} 

，但沒有成功

Answer 1

您可以使用$.getScript並利用其成功的回調函數，一旦加載腳本，但不一定執行，而執行。

if (Modernizr.touch) { 
    $.getScript(base_url + "/js/jquery-touch-swipe.js?p1", function() { 
     //Operation which you want to perform 
    }); 
}