JavaScript运行时错误:对象不存在';t支持属性或方法';sooperfish';
我正在使用asp.net为使用两个jQuery库的页面生成一些html代码 一个用于母版页中的导航,另一个用于日历,当我加载页面时,在VisualStudio中会出现此错误 JavaScript运行时错误:对象不支持属性或方法 “乌烟瘴气” 我怀疑两个jquery使用的版本之间存在一些冲突,但我不确定,我也不知道如何解决这个问题 下面是我的函数生成的代码:JavaScript运行时错误:对象不存在';t支持属性或方法';sooperfish';,javascript,jquery,asp.net,master-pages,Javascript,Jquery,Asp.net,Master Pages,我正在使用asp.net为使用两个jQuery库的页面生成一些html代码 一个用于母版页中的导航,另一个用于日历,当我加载页面时,在VisualStudio中会出现此错误 JavaScript运行时错误:对象不支持属性或方法 “乌烟瘴气” 我怀疑两个jquery使用的版本之间存在一些冲突,但我不确定,我也不知道如何解决这个问题 下面是我的函数生成的代码: <head> <title></title> <link id="Link1"
<head>
<title></title>
<link id="Link1"
type="text/css"
rel="stylesheet"
href="/MTI_Website/styles/Master.css"/>
<link id="Link2"
rel="stylesheet"
type="text/css"
href="/MTI_Website/styles/sooperfish.css"
media="screen"/>
<link id="Link3"
rel="stylesheet"
type="text/css"
href="/MTI_Website/styles/sooperfish-theme-large.css"
media="screen"/>
<script type="text/javascript"
src="/MTI_Website/scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript"
src="/MTI_Website/scripts/jquery.easing-sooper.js"></script>
<script type="text/javascript"
src="/MTI_Website/scripts/jquery.sooperfish.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('ul.sf-menu').sooperfish();
});
</script>
<link href="../../styles/fullcalendar.css"
rel='stylesheet' />
<link href="../../styles/fullcalendar.print.css"
rel='stylesheet'
media='print' />
<script src="../../scripts/jquery.min.js"></script>
<script src="../../scripts/jquery-ui.custom.min.js"></script>
<script src="../../scripts/fullcalendar.min.js"></script>
<script>
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
editable: false,
events: [
{
id: 1,title: 'Midterm Exams',
start: '5/4/2014 12:00:00 AM',
end: '5/6/2014 12:00:00 AM',
url: '/MTI_Website/apps/calendar/Calender.aspx?ID=1'
},
{
id: 2,
title: 'Final Exams',
start: '3/12/2014 12:00:00 AM',
end: '3/13/2014 12:00:00 AM',
url: '/MTI_Website/apps/calendar/Calender.aspx?ID=2'
},{
id: 3,
title: 'Registration',
start: '3/7/2014 12:00:00 AM',
end: '3/9/2014 12:00:00 AM',
url: '/MTI_Website/apps/calendar/Calender.aspx?ID=3'
}
]
});
});
</script>
</head>
$(文档).ready(函数(){
$('ul.sf menu').sooperfish();
});
$(文档).ready(函数(){
变量日期=新日期();
var d=date.getDate();
var m=date.getMonth();
var y=date.getFullYear();
$(“#日历”).fullCalendar({
可编辑:false,
活动:[
{
id:1,标题:“期中考试”,
开始:“2014年5月4日12:00:00上午”,
完:“2014年6月5日12:00:00上午”,
url:“/MTI_网站/apps/calendar/calendar.aspx?ID=1”
},
{
id:2,
标题:“期末考试”,
开始:“2014年12月3日12:00:00上午”,
完:“2014年3月13日12:00:00上午”,
url:“/MTI_网站/apps/calendar/calendar.aspx?ID=2”
},{
id:3,
标题:“注册”,
开始:“2014年3月7日12:00:00上午”,
完:“2014年3月9日12:00:00”,
url:“/MTI_网站/apps/calendar/calendar.aspx?ID=3”
}
]
});
});
您以错误的顺序加载脚本。尝试将该脚本块和sooperfish引用移动到jQuery引用之后的位置,即:-
<script src="../../scripts/jquery.min.js"></script>
<script src="../../scripts/jquery-ui.custom.min.js"></script>
<script src="../../scripts/fullcalendar.min.js"></script>
<script type="text/javascript" src="/MTI_Website/scripts/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/MTI_Website/scripts/jquery.easing-sooper.js"></script>
<script type="text/javascript" src="/MTI_Website/scripts/jquery.sooperfish.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('ul.sf-menu').sooperfish();
});
</script>
$(文档).ready(函数(){
$('ul.sf menu').sooperfish();
});
解决这个问题的方法是在日历块中省略jQuery
谢谢你,@minitech 检查您的网络面板。
/MTI_网站/scripts/jquery.soopperfish.js
是否存在?sooper
需要跟在后面吗?这个方法真的叫做“sooperfish”吗?哎呀,@sh1rts是对的。不要加载jQuery两次。