jQuery周期插件問題
[英]JQuery Cycle Plugin Issue
問題描述
這是我第一次嘗試使用JQuery，因為我無法使用AJAX幻燈片。
這對我不起作用。 它基本上顯示了彼此堆疊的圖像。
我在ASP.NET 2.0中運行它。 使用Visual Studio 2010。
有人知道我在這里做錯了什么嗎？
這是我的代碼，我認為它與下載隨附的示例完全相同：
1.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DaVincisApp1.WebForm2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<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="Scripts/jquery-1.4.1.min.js" />
<script type="text/javascript" src="Scripts/jquery.cycle.min.js" />
<script type="text/javascript">
$(document).ready(function () {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="slideshow">
<img alt="Image1" src="Images/Slide1.jpg" />
<img alt="Image2" src="Images/Slide2.jpg" />
<img alt="Image3" src="Images/Slide3.jpg" />
<img alt="Image4" src="Images/Slide4.jpg" />
</div>
</form>
</body>
</html>
3 個解決方案
解決方案1
2 已采納 2011-02-02 17:50:26
.js文件的順序以及腳本標簽本身都很重要。
這有效：
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.cycle.min.js"></script>
這不起作用：
<script type="text/javascript" src="Scripts/jquery.cycle.min.js" />
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js" />
解決方案2
1 2011-02-02 16:35:58
您在$(.slideshow').cycle(缺少引號。也許就是這樣嗎？
解決方案3
0 2011-02-02 16:35:51
檢查腳本是否已加載。 是否顯示圖像？
jQuery循環插件問題，將幻燈片放到頁面邊界外
[英]Jquery Cycle Plugin issue with extending the slideshow “outside” the page boundary
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.