Jak mogę utworzyć funkcję zdefiniowaną w jQuery. Czy jest już dostępna globalnie?

Question

Mam funkcję, która usuwa identyfikator YouTube z adresu URL. Następnie chcę użyć tej funkcji 10 razy na stronę (w pętli wordpress).

Funkcja działa świetnie, gdy dodaję adres URL do skryptów funkcji, ale gdy uruchamiam nowy zestaw znaczników skryptów w pętli, to nie działa.

Muszę wiedzieć, w jaki sposób mogę korzystać z mojej funkcji bez uprzedniego zadeklarowania wszystkiego.

Więc jest to kod mam w nagłówku:

<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")); 


     }); 

Ale gdy próbuję użyć tego gdzieś indziej na stronie, nie robi praca.

<script type="text/javascript"> 

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

Firebug daje mi getlist nie jest zdefiniowana które ma sens, bo jej nie. Czy jestem w stanie "globalnie" ogłosić tę funkcję?

Answer 1

masz dwie opcje, dodaj go do obiektu window aby globalny:

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

lub przenieść to z wnętrza modułu obsługi zdarzeń gotowego dokumentu do globalnego zakresu:

$(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; 

}; 

You m Warto również przeczytać this question o używaniu var functionName = function() {} w stosunku do function functionName() {} i this article dotyczących zakresu zmiennych.

Answer 2

Wystarczy zdefiniować go jako zwykłej funkcji w górnej części skryptu:

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

Answer 3

stwierdzenie getlist() poza funkcją ready() ..

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

Teraz getlist będzie pracować w dowolnym miejscu w kodzie:

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

Problem polegał na tym, zakres getlist (.).

Answer 4

Jeszcze inną opcją jest zawieszenie tej funkcji z samego obiektu jQuery. W ten sposób można uniknąć zanieczyszczenia nazwy globalnej przestrzeni dowolny dalej:

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

następnie można uzyskać na nią z „$ .getlist (URL, klucz)”

Answer 5

uznaniu jej jako funkcji globalnej, po prostu pozbyć się wszystkich bitów specyficznych dla jQuery. Coś takiego:

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; 
} 

A następnie powinieneś być w stanie wywołać to z dowolnego miejsca.

Answer 6

Można po prostu dodać swoją funkcję w zmiennej $.fn:

function ($) { 

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

}(jQuery)); 

Przykład użycia:

$.getList(); 

To jest to, czego zazwyczaj nie będzie podczas tworzenia Basic Plugin dla jQuery.