javascript - 我的浏览器认为我的 Javascript 不是... Javascript？

Question

HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="/js/grabber.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $('#search-js').submit(function() {
                var username = $("#bar-js").val();
                var result = grab(username);
                alert(result);
                $(".contents").html(result["twitter"]);
            });
        });
</script>

js/grabber.js:

function grab(username) {
    //var results = {};

    // run all the things
    //results["twitter"] = check_twitter(username);

    // return your (huge) map
    //return results;
    return "stuff";
}

当我触发函数时，没有任何反应。如果我将 grabber.js 中的代码嵌入到页面中，它就可以工作。当我使用 Chrome 查看源代码并单击 js/grabber.js 链接(在 HTML 中)时，Chrome 会尝试下载文件而不是显示它。如果我点击 Google 的 jQuery 链接，它就会显示出来。

我是 javascript 世界的新手，但我已经接触了一段时间，但似乎无法弄明白。

编辑:

Chrome 开发者工具给我这个:

Resource interpreted as Script but transferred with MIME type text/x-js: "http://0.0.0.0:8000/js/grabber.js".

我正在使用 Python 的 SimpleHTTPServer 创建一个临时服务器以进行快速开发。这可能是问题所在吗？

Answer 1

我认为出于某种原因您的服务器没有为 .js 文件设置正确的 mime 类型，请尝试将其添加到您的 .htaccess 中:

AddType text/javascript .js

或者也许:

AddType application/x-javascript .js