html文件上的jquery脚本答案

【问题标题】：jquery script on html filehtml文件上的jquery脚本
【发布时间】：2014-05-11 01:06:25
【问题描述】：

我正在使用Bottle 制作一个简单的网络表单，并希望将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>

以及head标签内的以下.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')

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

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

【问题讨论】：

你只需要一个ready()函数来等待jq
我尝试在 ready() 函数中添加显式 jq 脚本没有成功 $( document ).ready(function() { });

标签： javascript jquery python bottle

【解决方案1】：

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

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

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

【讨论】：