如何有條件地加載jQuery插件？

Question

我有一個asp.net UserControl，可以多次添加到頁面。 在這個UserControl上我使用的是一個jQuery插件，我只想加載一次。 我正在使用以下代碼來有條件地加載jQuery本身：

if (typeof jQuery == 'undefined') {
    // load jquery 
    var script = document.createElement('script');
    script.type = "text/javascript";
    script.src = "/_layouts/SprocketValidator/jQuery.js";
    document.getElementsByTagName('head')[0].appendChild(script);
} else {
    //already loaded
}

是否有一個等價的檢查jQuery插件是否未定義？ 我使用的插件是digitalBush蒙版輸入插件 。

Answer 1

嘗試：

if (typeof jQuery.fn.mask == 'undefined')

jquery-methods（通常也是plugin-methods）存儲為$.fn屬性，因此你需要檢查插件中可用的方法（例如mask() ）是否被稱為$.fn成員

Answer 2

你可以使用YepNope.js ，你可以在這里找到。 然后，你可以這樣編寫你的javascript：

yepnope({
  test: window.JSON,
  nope: "/_layouts/SprocketValidator/jQuery.js",
  complete: function () {
    var data = window.JSON.parse('{ "json" : "string" }');
  }
});