document.ready 中的 Javascript 函数

Question

为什么在 document.ready 中编写的任何 javascript 函数都不能直接从 jsp 中的事件中调用？

例如:

$(document).ready(function(){
     function abc()
     {
          //Some stuff here
     }
});

来自类似的东西:

<input id="a" type="button" onclick="abc();">

Answer 1

因为它在全局范围内不可用。您作为参数传递给 $.ready() 的匿名函数中定义的任何函数仅在该函数中可用。

要实现你想做的事，你需要这样的东西:

$(document).ready(function(){
     function abc() {}

     $('#a').on('click',abc);
});

有关功能范围的更多信息，请参阅 this MDN article