Question

如果这看起来不那么有用（注意'过于本地化的'关闭投票），那么请告诉我原因。我认为Django和JQuery UI是一个非常好的团队，因此值得解决使用它们的任何问题。这个问题的答案不是我发现的文件或其他问题，并且与其他地方使用其他小部件有关。

关于这个问题......

我在开发模式下有一个django项目。在其静态目录中，我有以下文件结构：

directory: js
            jquery-1.9.1.js
            jquery-ui-1.10.1.custom.js
            other_stuff.js
directory: css
            directory: ui-lightness
                directory: images
                jquery-ui-1.10.1.custom.css
                jquery-ui-1.10.1.custom.min.css

我正试图让datepicker在我的一个表单上工作：

在我的html头中，我有：

<link type="text/css" rel="stylesheet" href="/static/css/ui-lightness/jquery-ui-1.10.1.custom.css"/>
<script src="/static/js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="/static/js/jquery-ui-1.10.1.custom.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function() {
              $("#id_date_of_birth").datepicker();
        });
</script>

我想改变的输入看起来像：

<input type="text" size="10" id="id_date_of_birth" class="vDateField" value="1987-01-19" name="date_of_birth"/>

现在我知道这个问题已被问过十亿次，但到目前为止我所阅读的所有解决方案似乎都没有工作......任何人都可能会猜到为什么我会收到错误{ {1}}？

我考虑过的东西：

似乎所有内容都包含在正确的顺序中。其他解决方案提到包括jquery ui的$(...).datepicker is not a function，但我认为一切都包含在jquery-ui-1.10.1.custom.js中，因为否则jquery ui下载页面会产生误导（我选择下载每个组件而没有效果）
除了我提到的错误之外，没有其他错误出现。所有脚本都正确加载
不止一次包含任何内容
我等到文档准备好之后才调用任何东西，所以我的问题不是由于时机不好

Answer 1

如果您列出的目录结构准确，则您的jquery文件不以“.js”结尾，而对这些文件的引用在页眉中确实有“.js”。将“.js”扩展名添加到jquery文件中，它应该可以正常工作。

您还应关闭输入元素：

<input type="text" size="10" id="id_date_of_birth" class="vDateField" value="1987-01-19" name="date_of_birth" **/**>

Answer 2

由于某种原因，该链接需要一个单独的结束标记...

<link type="text/css" rel="stylesheet" href="/static/css/ui-lightness/jquery-ui-1.10.1.custom.css"><link/>

Answer 3

这次发生在我身上好几次。

我所做的是复制整个代码（脚本）并将其放在父视图中。

如果你试图将脚本置于局部，它可能无效，请尝试将其置于更高级别，直到完成任务为止。

django-oscar中的一个例子我必须将脚本放在basket.html模板中，以使其在这里工作：

{％include＆＃39; basket / partials / basket_content.html＆＃39; ％}

另一个$（...）。datepicker不是函数错误

3 个答案: