為什么我不能在jQuery的document.ready（）中定義函數？
[英]Why can I not define functions in jQuery's document.ready()?
問題描述
如果將它們放在document.ready（）函數中，則函數的定義為未定義：
$(document).ready(function(){
function foo()
{
alert('Bar');
}
});
foo(); // Undefined
為什么會這樣？ 我確定我只需要一些簡單的理解即可：)
6 個解決方案
解決方案1
68 已采納 2009-06-28 21:15:05
不知道為什么在ready()范圍內定義函數對您很重要，但是您可以通過預先聲明foo使其起作用：
<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script>
var foo; // Here's the difference
$(document).ready(function(){
foo = function ()
{
alert('Bar');
}
});
</script></head><body>
<input type="button" onclick="foo()" value="Click me">
</body></html>
顯然，您不能在ready()之后立即從內聯腳本中調用foo() ，因為ready()代碼尚未運行，但是您可以稍后再調用該函數。
只需確保在ready()代碼運行之前，沒有任何東西可以嘗試調用foo() （或使foo()的初始聲明成為無害的函數）。
解決方案2
24 2009-06-28 21:05:16
您可以，但是必須在ready()方法的范圍內調用它們，否則當ready()方法退出時它們會失去范圍。
例如，下面的代碼將起作用：
$(document).ready(function(){
function foo()
{
alert('Bar');
}
foo(); // still in the scope of the ready method
});
解決方案3
7 2009-06-28 21:18:43
如果將它們放在非它們的范圍內，它們將以未定義形式出現。 如果您真的想在$（document）.ready（...）范圍之外使用它們，則需要在外部聲明它們。 如：
var foo;
$(document).ready(function(){
foo = function()
{
alert('Bar');
}
});
foo(); // works now because it is in scope
希望這可以幫助。
解決方案4
4 2009-06-28 21:06:32
您的函數在$(document).ready()回調范圍內定義，無法從外部 看到 。 只能在內部的$(document).ready()范圍之外定義函數。
解決方案5
1 2014-09-06 07:01:01
<script>
$(document).ready(function(){
myfnc = function (param1, param2)
{
alert('Hello');
}
myfnc();
});
</script>
<input type="button" onclick="myfnc('arg1', 'arg2')" value="Click me">
解決方案6
0 2016-09-07 09:54:23
只是另一個補充：
在$(document).ready()函數內部聲明函數或變量時，在$(document).ready()使用onclick()綁定時將無法訪問這些函數或變量。
您可以將聲明移到$(document).ready()之外，也可以在$(document).ready()中使用$('#element').on('click', function() {}) ）。
手動運行所有 jQuery/prototype document.ready 函數
[英]Run all jQuery/prototype document.ready functions manually
在jQuery中document.ready函數外部的事件上調用函數
[英]Call functions on events outside document.ready function in jquery
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
定義document.ready（）函數的順序？
在jQuery的document.ready之前調用/插入函數
手動調用jQuery document.ready函數
我應該什么時候使用 jQuery 的 document.ready 函數？
如何在document.ready塊外觸發jQuery？
為什么在jQuery中使用document.ready
jQuery document.ready
document.ready中的功能不起作用
手動運行所有 jQuery/prototype document.ready 函數
在jQuery中document.ready函數外部的事件上調用函數
相關標簽