在 Bottle（框架 jQuery）中导入 Javascript 文件答案

【问题标题】：Import Javascript file in Bottle (framework jQuery)在 Bottle（框架 jQuery）中导入 Javascript 文件
【发布时间】：2016-03-18 15:11:33
【问题描述】：

当我尝试在 Bottle 中使用 javascript 运行我的 HTML 文件时遇到问题。看看我的代码：

瓶装服务器：

from bottle import static_file
...
@route('/static/<filename>')
def static():
return static_file(filename, root='.')
...

HTML 文件：

...
<input type="text" id="time" class="datepicker" required>
...
<script type="text/javascript" src="static/jquery-ui/jquery-2.1.4.js"></script>
<script type="text/javascript" src="static/jquery-ui/jquery-ui.js"></script>
<link rel="stylesheet" href="static/jquery-ui/jquery-ui.css">
<script type="text/javascript" src="static/jquery-ui/my-script.js"></script>

Javascript 文件：

$(function() {
$('.datepicker').datepicker();
});

当我不使用 Bottle（因此不使用 style/）但不是来自 Bottle 时，HTML 文件可以正常运行。我使用 static() 方法返回我的 javascript 文件的 url，此方法适用于 css 文件，但对 javascript 没有结果...

【问题讨论】：

标签： javascript jquery html css bottle

【解决方案1】：

我建议不要对路径进行硬编码，而是使用 Bottle 的 get_url 函数。如果您在目录（例如 domain.com/app）下发布应用程序，它将无法工作。所以最好用src="{{ get_url('static', filename='jquery-ui/jquery-2.1.4.js') }}"

【讨论】：