jQuery就绪功能在页面之外

时间:2011-04-07 18:16:06

标签: jquery document-ready

我们有一个使用javascript的网站,客户端脚本的原型,我们现在开始使用jQuery并从原型转换。我对jQuery知之甚少,但我有足够的知识可以绕过。

我遇到了一个问题,是否有可能像$(document).ready(function(){});的全局负载一样,因为我们有很多js文件,我希望能够使用jquery('#button').click()之类的东西。

我看到的只有一些例子是页面本身而不是js文件。如果可能,请发一个简短的示例代码谢谢!

4 个答案:

答案 0 :(得分:3)

您可以使用包含的js文件中的$(document).ready(),只需确保在jquery include之后使用put <script> include,以便$函数可用。

编辑:

<html>
<head>
    <script type="text/javascript" src="/path/to/jquery.js"></script>
    <script type="text/javascript" src="/path/to/your/file.js"></script>
</head>
<body>
</body>
</html>

// file.js
$(document).ready(function() {
    // do whatever you want when the document finishes loading...
});

答案 1 :(得分:1)

是的,您可以在外部JavaScript文件中使用$(document).ready(function()。我通常会为需要在母版页中运行的代码执行此操作。

它的简写是$(function() { });

答案 2 :(得分:0)

是的,您可以在外部JavaScript文件中使用$(document).ready(function() {});。只需将它放在jQuery加载到其他外部文件之前。此外,如果您仍然在页面上使用Prototype,请确保根据需要使用noConflict

答案 3 :(得分:0)

谢谢,我想出了问题所在。忘记id选择器中的#。