2013-04-17 2 views
-1

기본적으로 ASP .NET MVC4 프로젝트를 만들고 this 샘플에서 일부 코드를 입력했는데 전혀 작동하지 않습니다.jQuery Cycle Plugin이 ASP.NET MVC 4에서 작동하지 않습니다.

실마리가 있습니까?

오류 :

Uncaught ReferenceError: jQuery is not defined jquery.cycle.all.latest.js:918 Uncaught ReferenceError: $ is not defined

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>@ViewBag.Title - My ASP.NET MVC Application</title> 
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
    <meta name="viewport" content="width=device-width" /> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 

    <style type="text/css"> 
     .slideshow { 
      height: 232px; 
      width: 232px; 
      margin: auto; 
     } 

      .slideshow img { 
       padding: 15px; 
       border: 1px solid #ccc; 
       background-color: #eee; 
      } 
    </style> 

    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.slideshow').cycle({ 
       fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
      }); 
     }); 
    </script> 

</head> 
<body> 
    <header> 
     <div class="content-wrapper"> 
      <div class="float-left"> 
       <p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p> 
      </div> 
      <div class="float-right"> 
       <section id="login"> 
        @Html.Partial("_LoginPartial") 
       </section> 
       <nav> 
        <ul id="menu"> 
         <li>@Html.ActionLink("Home", "Index", "Home")</li> 
         <li>@Html.ActionLink("About", "About", "Home")</li> 
         <li>@Html.ActionLink("Contact", "Contact", "Home")</li> 
        </ul> 
       </nav> 
      </div> 
     </div> 
    </header> 
    <div id="body"> 
     @RenderSection("featured", required: false) 
     <section class="content-wrapper main-content clear-fix"> 
      @RenderBody() 
     </section> 
    </div> 
    <footer> 
     <div class="content-wrapper"> 
      <div class="float-left"> 
       <p>&copy; @DateTime.Now.Year - My ASP.NET MVC Application</p> 
      </div> 
     </div> 
    </footer> 

</body> 
</html> 
+0

무엇이 오류입니까? 성취하고자하는 것은 무엇입니까? 너 뭐 해봤 니? ... – Kenneth

+0

@Kenneth 질문을 살펴보고 업데이트 해주십시오. 고맙습니다! –

+0

어디서나 jQuery 라이브러리를 포함하지 않는 것으로 보입니다. jquery.cycle 플러그인 앞에 포함되어야합니다. – jmoerdyk

답변

1

그것은 당신처럼 보이지 않는다는 jQuery 라이브러리를 포함한다. <head> 섹션에 다음을 추가해야합니다.

<!-- include jQuery library --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
+0

질문 : ASP .NET MVC4 jQuery가 포함되어 있습니까? Hmmm –

+0

대부분의 MVC4 프로젝트 템플릿에는 기본적으로이 템플릿이 있어야합니다. – jmoerdyk

+0

@jmoerdyk 정확 하 게! 그래서 저는 MS가 제공 한 것을 사용했습니다. –