Question

这是我第一次尝试使用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>

Answer 1

.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" />

Answer 2

您在$(.slideshow').cycle(中缺少引号。也许就是这样？

Answer 3

检查脚本是否已加载。是否显示图像？

JQuery循环插件问题

3 个答案: