jquery - 在flask中使用jQuery时如何将脚本与html模板分开？

Question

我一开始就学习 Flask，并按照 http://flask.pocoo.org/docs/patterns/jquery/ 上的教程进行操作。 。作为作者said ，通常最好将脚本放在单独的脚本文件中。

但我没能找到如何做到这一点。我刚刚写道:

<script type=text/javascript src='foo.js'></script>
<h1>jQuery Example</h1>
<p><input type=text size=5 name=a> +
<input type=text size=5 name=b> =
<span id=result>?</span>
<p><a href=# id=calculate>calculate server side</a>

在 foo.js 中，我只是复制了原始 html 代码的第一个脚本的内容。但是，当我运行服务器时，除了空白页之外什么也没有，日志文件是“GET/foo.js HTTP/1.1”304

我确实是网络编程的新手，无法找出问题所在。谢谢你们!

Answer 1

如loading jQuery所示部分，您需要使用 url_for() 帮助程序来获取脚本的正确位置。

<script type="text/javascript" src="{{ url_for('static', filename = 'foo.js') }}"></script>

与上述类似的东西应该可以工作。我感觉您的脚本可能存在其他问题，但服务器在查找它时应该不会再有任何问题。

如果是，请发布您的目录结构设置方式。