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的行爲?
任何想法,我做錯了什麼,以及如何解決這個問題?
乾杯,
莫
請注意,同樣也適用於css文件@ Url.Content(「〜/ Content/reset.css」) – Jesse 2012-08-16 16:11:45
乾杯人們的幫助 - 非常感謝! – Morrislgn 2012-08-16 22:51:50