JavaScript 런타임 오류 : 개체가 'sooperfish'속성 또는 메서드를 지원하지 않습니다.

asp.net을 사용하여 두 개의 jQuery 라이브러리를 사용하는 페이지의 일부 html 코드를 생성합니다. 하나는 마스터 페이지의 탐색 용이고 다른 하나는 내가 페이지를로드 이제까지 달력의 또 다른에 나는 두 jQuerys 사용하는 버전 사이에 충돌이 발생 의심JavaScript 런타임 오류 : 개체가 'sooperfish'속성 또는 메서드를 지원하지 않습니다.

JavaScript runtime error: Object doesn't support property or method 'sooperfish'

비주얼 스튜디오에서이 오류가 발생하지만 난 잘 모르겠어요 내가하지 않는 경우 이 문제를 해결하는 방법을 알아야합니다.

내 기능에 의해 생성 된 코드는 다음과 같습니다.

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

출처

2014-03-03 Scarnet

네트워크 패널을 확인하십시오. '/ MTI_Website/scripts/jquery.sooperfish.js'가 존재합니까? 'easing-sooper'가 뒤따라야 하는가? 이 방법은 실제로 "sooperfish"라고 불 립니 까? – Ryan

죄송합니다. @ sh1rts가 맞습니다. jQuery를 두 번로드하지 마십시오. – Ryan

을가 일정 블록의 JQuery와의 포함을 생략하고 해결 무엇.

감사합니다. @minitech!

출처

2014-03-03 05:34:06 Scarnet

잘못된 순서로 스크립트를로드하고 있습니다. 해당 스크립트 블록과 jQuery를 참조 후 배치하기 위해서만 sooperfish 참조, 즉를 : 이동 시도 -

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

출처

2014-03-03 01:13:17 sh1rts

@miniech 당신이 맞았 어 :) ty alot ^^ – Scarnet

JavaScript 런타임 오류 : 개체가 'sooperfish'속성 또는 메서드를 지원하지 않습니다.

답변

관련 문제