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

Question

我刚开始学习 Flask 并遵循http://flask.pocoo.org/docs/patterns/jquery/上的教程是正确的。正如作者所说，将脚本放在单独的脚本文件中通常是一个更好的主意。

但我没有设法找出如何做到这一点。我刚刚写道：

<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

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

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

类似于上述内容的东西应该可以工作。我有一种感觉，您可能对脚本有其他问题，但服务器不应该再有任何问题找到它。

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