JQuery next（）问题

Question

我正在尝试使用next（）和end（）来简化这个图像旋转器功能，但我无法弄明白。目标是迭代图像，设置标题并移动到下一个图像。     我怎样才能做到这一点？

这是我的基本HTML代码

<div class="object">
 <div class="stories">

<div class="story" title="Microsoft Expression Encoder"
  <img src="http://example.com/sample.png" title="" alt=""/>
</div>


<div class="story" title="Microsoft Expression Encoder Repeat" >
  <img src="http://example.com/sample.png" title="" alt=""/>
</div>

 </div> 
 <div class="titlebar"> 
   <div class="info"></div> 
   <div id="btn_next" class="btn_next"></div>
   <div id="btn_prev" class="btn_prev"></div>
 </div>
</div>

这是JavaScript代码

var rotateImages = function () {

               $('.stories div:gt(0)').hide();

               $(".info").text($(".story").attr("title"));

               $(".stories div:eq(0)")

               .animate({ options}, 250,function () {
                   $(".jqb_info").text($(this).attr(title)).animate({ options }, 500);)

               .next('div')animate ({options}, 250, function () {
                   $(".jqb_info").text($(this).attr(title)).animate({ options }, 500);)

               .end().appendTo('.stories');
}

Answer 1

您的.text函数中包含这些分号可能会出错。