页面外的 jQuery 就绪功能答案

【问题标题】：jQuery ready function outside of page页面外的 jQuery 就绪功能
【发布时间】：2011-04-07 18:16:05
【问题描述】：

我们有一个使用 javascript 的网站，用于客户端脚本的原型，我们现在开始使用 jQuery 并从原型转换。我对 jQuery 了解甚少，但我有足够的知识来解决问题。

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

我看到的唯一示例是页面本身而不是 js 文件。如果可能，请发布一个简短的示例代码，谢谢！

【问题讨论】：

可以，可以在JS文件中使用。

标签： jquery document-ready

【解决方案1】：

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

编辑：

<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...
});

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

谢谢，我知道问题出在哪里了。在 id 选择器中忘记 #。

【讨论】：