如何在全局可用的jQuery.ready中定義一個函數？

Question

我有一個功能，可以將youtube id從網址中刪除。然後我想每頁使用10次這個函數（在wordpress循環中）。

當我在我的函數腳本標記中給它提供url時，該函數很好用，但是當我在循環內啓動一組新的腳本標記時，它不起作用。

我需要知道如何在不首先聲明所有函數的情況下使用我的函數。

所以這是我在報頭中的代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
var getList = function(url, gkey){ 
     var returned = null; 
     if (url.indexOf("?") != -1){ 
      var list = url.split("?")[1].split("&"), 
        gets = []; 

      for (var ind in list){ 
      var kv = list[ind].split("="); 
      if (kv.length>0) 
       gets[kv[0]] = kv[1]; 
     } 

     returned = gets; 

     if (typeof gkey != "undefined") 
      if (typeof gets[gkey] != "undefined") 
       returned = gets[gkey]; 

     } 

      return returned; 

    }; 


     // THIS WORKS 

    alert(getList('http://www.youtube.com/watch?v=dm4J5dAUnR4', "v")); 


     }); 

但是當我嘗試用這個地方的頁面上的其他人，它不工作。

​​

螢火蟲給我的GetList沒有定義這是有道理的，因爲它不是。我能夠'全球'宣佈這個功能嗎？

Answer 1

你有兩個選擇，將它添加到window對象，使其全球：

window.getList = function(url, gkey){ 
    // etc... 
} 

或移動它從文檔就緒事件處理程序中進入全局範圍：

$(document).ready(function() { 
    alert(getList('http://www.youtube.com/watch?v=dm4J5dAUnR4', "v")); 
}); 
var getList = function(url, gkey){ 

    var returned = null; 
    if (url.indexOf("?") != -1){ 
     var list = url.split("?")[1].split("&"), 
       gets = []; 

     for (var ind in list){ 
     var kv = list[ind].split("="); 
     if (kv.length>0) 
      gets[kv[0]] = kv[1]; 
    } 

    returned = gets; 

    if (typeof gkey != "undefined") 
     if (typeof gets[gkey] != "undefined") 
      returned = gets[gkey]; 

    } 

     return returned; 

}; 

你m ight也想閱讀this question關於使用var functionName = function() {} vs function functionName() {}和this article關於變量的範圍。

Answer 2

在你的腳本的頂部就其定義爲常規功能：

<script type="text/javascript"> 
    function getlist(url, gkey){ 
     ... 
    } 
</script> 

Answer 3

申報的GetList（）就緒（）函數之外..

var getList = function(url, gkey){ 
     var returned = null; 
     if (url.indexOf("?") != 
.... 
.... 
... 
}; 

現在的GetList將代碼中的任何地方工作：

$(document).ready(function() { 
alert(getList('http://www.youtube.com/watch?v=dm4J5dAUnR4', "v")); 
}); 

的問題是，在的GetList範圍（。 ）功能。

Answer 4

另一種選擇是將函數掛起jQuery對象本身。這樣，你避免污染全局命名空間中的任何進一步：

jQuery.getlist = function getlist(url, gkey) { 
    // ... 
} 

然後你就可以得到它以「$ .getlist（URL，鍵）」

Answer 5

聲明它作爲一個全球性的功能，只得到擺脫所有的jQuery特定位。類似這樣的：

function getList(url, gkey) { 
    var returned = null; 
    if (url.indexOf("?") != -1){ 
    var list = url.split("?")[1].split("&"), gets = []; 
    for (var ind in list){ 
     var kv = list[ind].split("="); 
     if (kv.length>0) { 
      gets[kv[0]] = kv[1]; 
     } 
    } 

    returned = gets; 

    if (typeof gkey != "undefined") { 
     if (typeof gets[gkey] != "undefined") { 
      returned = gets[gkey]; 
     } 
    } 

    return returned; 
} 

然後你應該可以從任何地方調用它。

Answer 6

您可以簡單地添加你的函數在$.fn變量：

function ($) { 

    $.fn.getList = function() { 
     // ... 
    }; 

}(jQuery)); 

用法示例：

$.getList(); 

這就是你通常會做，同時爲jQuery的一個Basic Plugin。