Javascript 冲突的jQuery文件

Javascript 冲突的jQuery文件,javascript,jquery,html,django,Javascript,Jquery,Html,Django,我有以下代码。这里出现的问题是,第一个函数需要链接的js和css,第二个函数需要继承自base.html的jQuery和javascript文件,但是加载文件会发生冲突(我相信这是因为您只能运行一个jQuery文件?)。当我包含链接的js和css文件时,我的控制台抛出“TypeError:$(…)。formset不是函数”。当我删除链接文件时,它抛出一个“TypeError:$(…)。datepicker不是一个函数” 任何和所有的帮助将不胜感激,并提前感谢 密码 {%extends“base.

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

任何和所有的帮助将不胜感激,并提前感谢

密码
{%extends“base.html”%}
$(文档).ready(函数(){
$('[id$=“date”]')。日期选择器({changeMonth:true,changeYear:true,yearRange:“1975:+0”,日期格式:'yy-mm-dd'});
$('[id$=“date_earned”]')。日期选择器({changeMonth:true,changeYear:true,yearRange:“1975:+0”,日期格式:'yy-mm-dd'});
$('[id$=“到期”]')。日期选择器({changeMonth:true,changeYear:true,yearRange:“1975:+0”,日期格式:'yy-mm-dd'});
$('[id$=“red_badge”]')。日期选择器({changeMonth:true,changeYear:true,yearRange:“1975:+0”,日期格式:'yy-mm-dd'});
});
jQuery(函数($){
$(“#表单集{{{forloop.counter0}”).formset({
动画形式:真
});
});
找到了答案

因此,要在同一页面上提供两个版本的jQuery,可以使用jQuery.noConflict()将jQuery实例绑定到变量,并使用找到的技术

{% 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>