Jquery：从不同文档调用函数

Question

我将一些 Jquery 函数保存在“custom.js”文件中。在某些页面上，我需要将 PHP 变量传递给 Jquery，因此一些 Jquery 位需要保留在 HTML 文档中。然而，当我现在尝试将事情重构到最低限度时，我遇到了以下问题：

如果我将其放入我的 custom.js 中：

$(document).ready(function()
{
   function sayHello() {
      alert("hello");
   }
}

并且将其放入 HTML 文档中：

<script type="text/javascript">
   $(document).ready(function()
   {
      sayHello();
   });
</script>

... 该函数不会被调用。然而，如果两者都放在 HTML 文档中，该函数就可以正常工作。

我是否需要为该函数声明某种公共属性，或者如何在 HTML 中获取 Jquery 函数以与外部 .js 文件对话？它们被正确包含并且在其他方​​面工作正常。

谢谢。

Answer 1

问题是您在这一行声明的匿名函数中定义了 sayHello ：

$(document).ready(function()

因此，sayHello 的作用域仅限于该函数。如果您希望从应用程序中的其他任何位置（例如页面上的 HTML 或 custom.js 中的另一行）调用 sayHello，则需要更改 custom.js 并将其定义在调用之外$(文档).ready：

function sayHello()
{
   alert("hello");
}

$(document).ready(function()
{
   sayHello();
}

Answer 2

只需将函数设置为全局变量即可

sayHello=function() {
    alert("hello");
}