如何調用$（窗口）定義.load從HREF

Question

我喜歡範圍內的所有的我的jQuery函數和事件匯$ jQuery的功能（窗口）.load，就像這樣：

$(window).load(function() 
{ 
    function Foo(id) 
    { 
     alert(String.format("Do Foo for: {0}", id)); 
    } 
}); 

通常情況下，我在這個範圍內完成所有工作，但我有一個案例，我想從由獨立JQuery小部件構建的HREF調用Foo（27）。 HREF看起來像這樣：

<a href="javascript:Foo(27)">Click me!</a> 

但是，當我單擊鏈接時沒有找到Foo（）函數。我怎麼能這樣做？

[編輯]

所以，我剛剛接受了下面的答案，並希望分享我的最終實現。 Foo（）已被替換爲我正在使用的實際方法的名稱。是的，我知道String.format（）本身不存在;它是我自己的基礎庫的一部分。記住這一點，這就是我所擁有的。這是來自我定義所有全局名稱空間的文件。這個定義存在於jQuery範圍之外。

// This is defined in the global namespace 
if (typeof (window.App) === "undefined") 
{ 
    window.App = {}; 
} 

下面是構建HREF的jQuery構件的一行。標題是預測，而HREF導航到詳細信息頁面預測：

r = String.format('<a href="javascript:App.NavDetails({1});" class="link3">{0}</a>', 
    Predikt.General.EncodeHtml(options.rowData.Title), 
    options.rowData.PredictionId); 

而這裏的實際執行NavDetails功能在我的$（窗口）.load（） - 範圍的jQuery的文件：

$(window).load(function() 
{ 
    App.NavDetails = function (id) 
    { 
     // Do something interesting with the ID here... 
     alert(String.format("The ID is: {0}", id)); 
    }; 
}); 

Answer 1

你可以做到這一點

$(window).load(function(){ 
    window.Foo = function(n){ 
     alert(n); 
    } 
}); 

http://jsfiddle.net/JQn8H/

或者這

var Foo; 

$(window).load(function(){ 
    Foo = function (n){ 
     alert(n); 
    } 
}); 

http://jsfiddle.net/JQn8H/2/

海事組織，更好的辦法是設置一個命名空間爲您的應用程序，這樣你就不會污染gobal命名空間

window.App = {}; 

$(window).load(function(){ 
    App.Foo = function (n){ 
     alert(n); 
    } 
}); 

然後，在你的HTML你會調用它：

<a href="javascript:App.Foo(27)">Click me!</a> 

http://jsfiddle.net/JQn8H/3/

但是，你可能想consi你從你的腳本中調用它，而不是從標記中調用它。

Answer 2

無論是移動Foo功能您$(window).load()功能之外或綁定Foo到加載函數內部<a>元素。您無法從外部進入您的$(window).load()回撥。

---

從您的意見，它看起來像你需要Foo留在你$(window).load()匿名函數裏面，因爲它需要訪問該範圍內其他的事情。您可以通過在匿名函數外移動對Foo的引用來解決此問題。的jm-'s方法這個變種：

$(window).load(function() { 
    //... 
    function Foo() { 
     //... 
    } 
    //... 
    window.Foo = Foo; 
}); 

這使得在window對象Foo參考，因爲window是默認的範圍，你應該能夠訪問它在你的<a>元素。

Answer 3

你必須選擇在該範圍內工作，並有一個可訪問的功能。唯一的另一種方法是強制重新加載或將其綁定到錨點的點擊處理程序。

此外，您可能已更改原型，但除非有，否則String.format不起作用。你可能只想做"Do Foo for: " + id

function Foo(id) { 
    alert("Do Foo for: " + id); 
} 
$(window).load(...); 

或

<a class="someClass" data-id="23">Click me!</a> 

... 

$(window).load(function() { 
    $("a.someClass").click(function() { 
    alert("Do Foo for: " + $(this).data("id")); 
    }); 
});