代码

Question

我有以下代码。这里出现的问题是第一个函数需要链接的js和css，第二个函数需要一个从base.html继承的jQuery和javascript文件，但加载文件冲突（我相信这是因为你只能运行一个jQuery文件？）。当我包含链接的js和css文件时，我的控制台抛出“TypeError：$（...）。formset不是函数”。当我删除链接文件时，它会抛出一个“TypeError：$（...）。datepicker不是函数”

非常感谢任何和所有帮助，并提前感谢！

代码

{% extends "base.html" %}


<link rel="stylesheet" href="/resources/demos/style.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>


<script>
    $(document).ready(function(){
        $( '[id$="date"]').datepicker({changeMonth: true, changeYear: true, yearRange: "1975:+0", dateFormat: 'yy-mm-dd'});
        $( '[id$="date_earned"]').datepicker({changeMonth: true, changeYear: true, yearRange: "1975:+0", dateFormat: 'yy-mm-dd'});
        $( '[id$="due"]').datepicker({changeMonth: true, changeYear: true, yearRange: "1975:+0", dateFormat: 'yy-mm-dd'});
        $( '[id$="red_badge"]').datepicker({changeMonth: true, changeYear: true, yearRange: "1975:+0", dateFormat: 'yy-mm-dd'});
    });
</script>

<script>
    jQuery(function($) {
        $("#formset_{{ forloop.counter0 }}").formset({
                        animateForms: true
        });
    });
</script>

Answer 1

找到答案！

因此，要在同一页面上提供两个版本的jQuery，可以使用jQuery.noConflict（）使用找到的技术 here 将jquery实例绑定到变量。

冲突的jQuery文件

代码

1 个答案: