Question

我正在使用Bottle创建一个简单的Web表单，并希望将Selectize.js jquery插件设置为一个字段，以便用户可以为该字段设置多个值。在我的表单标签中，我有以下代码：

<label>
    <span>Links :</span>
    <input type="text" id="input-tags" name="links">
</label>
<script>
$('#input-tags').selectize({
    persist: false,
    createOnBlur: true,
    create: true
});
</script>

头标记内的以下.js和.css：

<link href="/selectize.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/selectize.js"></script>

为了处理静态文件，我在.py脚本中有以下路由：

@get('/<filename:re:.*\.js>')
def javascripts(filename):
    return static_file(filename, root='static/js')

@get('/<filename:re:.*\.css>')
def stylesheets(filename):
    return static_file(filename, root='static/css')

我处理静态文件的路线似乎工作正常，因为我已经使用其他jquery插件测试了它，该插件不使用html文件中的显式代码。

在这个问题上，问题似乎出现在标签标签下面的显式脚本代码上。我发现了一些关于处理JSON的文章但是无法使它工作（我也不知道这是否是正确的方法）。

Answer 1

好吧，我最好的选择是将显式的javascript放入一个新的javascript文件中并将其路径添加到html中：

<script type="text/javascript" src="/<script_path_here>"></script>

这样我处理.py上静态文件的函数就可以完成它们的工作。

html文件上的jquery脚本

1 个答案: