Jquery:从不同的文档调用函数

前端之家收集整理的这篇文章主要介绍了Jquery:从不同的文档调用函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些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文件通信?它们被正确地包含在内,否则工作正常。

谢谢。

解决方法

问题是你在这行声明的匿名函数中定义sayHello:
$(document).ready(function()

结果,sayHello仅限于该功能。如果您希望在您的应用程序中的任何其他地方(例如页面上的HTML或custom.js中的其他行)调用sayHello,则需要更改custom.js并将其定义在调用$(document)之外.ready:

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

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

猜你在找的jQuery相关文章