在Bottle中导入Javascript文件(framework jQuery）

Import Javascript file in Bottle (framework jQuery)

本文关键字：framework jQuery 文件 Javascript Bottle 导入      更新时间：2023-09-26

当我尝试在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没有结果。。。

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

相关文章：