外部 jQuery 根本不执行

下面的代码放在里面时完全可以工作<script></script>运行页面上的标签。我后来把代码移到了外面.js用于组织目的的文件导致代码停止工作 - 当应触发某些事件时没有任何反应。我确保脚本包含在给定页面上，此外，我通过“查看源”确保链接有效（当我单击脚本的路径时，脚本会在新窗口中加载）。

脚本声明：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/main.js"></script>

那么，我的 JS 在这个外部文件中是什么样子的呢？

(function(){

$('#display-reply-box').click(function(){
    $(this).hide();
    $('#submit-reply-wrapper').show();
});

})(jQuery);

为了便于阅读，我删除了大部分方法，但这就是文件的设置方式。我确保控制台中没有 .js 错误，但是，我确实收到了有关 jQuery 和 Firelite 的以下错误

Failed to load resource: the server responded with a status of 404 (Not Found) http://getfirebug.com/releases/lite/skin/xp/pixel_transparent.gif Failed to load resource: the server responded with a status of 405 (Method Not Allowed) http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js

我认为上述错误与我遇到的问题有关，尽管我没有运气让它们消失。有时存在错误，有时则不存在。

看起来好像您正在尝试在可能尚未加载到 DOM 中的元素上运行某些内容。尝试将其包装在 DOM Ready 事件处理程序中，如下所示：

(function($) {
    $(document).ready(function() {
        $('#display-reply-box').click(function(){
            $(this).hide();
            $('#submit-reply-wrapper').show();
        });
    });
})(jQuery);