2012-08-16 21 views
1

我一直在努力解決一個問題,我試圖使用JQuery環形交叉傳送帶來顯示一些圖像。ASP.NET MVC 3 JQuery'Uncaught TypeError':對象沒有方法'迂迴'

在佈局網頁,我有以下代碼:

<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<!-- Stylesheets --> 
<link rel="stylesheet" href="~/Content/reset.css" /> 
<link rel="stylesheet" href="~/Content/styles.css" /> 
<!-- Scripts --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="~/Scripts/jquery.roundabout.js"></script> 
<script type="text/javascript" src="~/Scripts/jquery.easing.1.3.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { //Start up the Carosuel on the child page 
     $('#images ul').roundabout({ //images list on the child page which uses this layout page. 
      easing: 'easeOutInCirc', 
      duration: 1500 
     }); 
    }); 
</script> 

這就要求在視圖上的旋轉木馬:

@{ 
ViewBag.Title = "Home Page"; 
Layout = "~/Views/Shares/_layout.cshtml" 

}

 <!-- Image Slider --> 
    <div id="images" class="fixed grid_12"> 
     <ul> 
      <li> 
       <a href="info.html"> 
        <img src="images/testImage.gif" alt="" /> 
       </a> 
      </li> 
      <li> 
       <a href="info.html"> 
        <img src="images/testImage1.gif" alt="" /> 
       </a>  
      </li> 
      <li> 
       <a href="info.html"> 
        <img src="images/testImage2.gif" alt="" /> 
       </a>  
      </li> 
     </ul> 
    </div> 

儘管努力不同的版本的jquery,在佈局頁面中移動腳本的位置和順序我仍然無法通過這個錯誤。我已經在頁面中的頁眉,頁腳上嘗試過JQuery。我已經嘗試過從1.3到1.7的JQuery版本。

最後,當我在一個標準的.html文件中嘗試這一切時,所有的工作都應該如此。它可能是MVC如何處理jQuery的東西?也許是Razor的行爲?

任何想法,我做錯了什麼,以及如何解決這個問題?

乾杯,

回答

2

嘗試使用

@Url.Content("~/Scripts/jquery.roundabout.js") 

當在路徑中使用~字符,請務必使用Url.Content

也嘗試觀察瀏覽器的調試工具說,有關文件是什麼? 例如,如果無法從服務器加載文件,則可以在chrome devtools的網絡選項卡中看到它。

+0

請注意,同樣也適用於css文件@ Url.Content(「〜/ Content/reset.css」) – Jesse 2012-08-16 16:11:45

+0

乾杯人們的幫助 - 非常感謝! – Morrislgn 2012-08-16 22:51:50

相關問題