如何在烧瓶中使用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

我真的在web编程新手，无法找到什么问题。感谢你们 ！

Answer 1

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

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

上面的事情应该有效。我有一种感觉，你可能有与脚本有关的其他问题，但服务器不应该有任何问题找到它。

如果是这样，请发布如何进行目录结构设置。