Question

我已经阅读了一个教程，并使用jquery来实现它以显示图像幻灯片。但我无法找出它无法正常工作的实际原因。我的aspx代码

<div id="slideshow">
<img src="icon/7.jpg" class="active" />
<img src="icon/contestpic.PNG"  />
<img src="sgipc/pic/contestpic.jpg" />
</div>

我的javascript代码

function slideSwitch() {
      var $active = $('#slideshow IMG.active');
      var $next = $active.next();

      $active.addClass('last-active');

      $next.css({ opacity: 0.0 })
          .addClass('active')
          .animate({ opacity: 1.0 }, 1000, function () {
              $active.removeClass('active last-active');
          });
  }

  $(function () {
      setInterval("slideSwitch()", 5000);
  });

我的css

#slideshow {
position:relative;
height:350px;
border:1px solid green;
}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}

#slideshow IMG.active {
z-index:10;
}

#slideshow IMG.last-active {
z-index:9;
}

Answer 1

<强> WRONG

  $(function () {
      setInterval("slideSwitch()", 5000);
  });

从右

$(function () { setInterval(slideSwitch, 5000); });

Answer 2

我建议您在代码后面调用该函数：

ScriptManager.RegisterStartupScript(this.Page, Page.GetType(), "text", "slideSwitch", true);

为什么我的幻灯片使用jQuery不起作用？

2 个答案: