使用鼠标单击浏览div的序列

时间:2012-06-30 20:42:58

标签: jquery html click cycle

好的,这就是我要做的事情: 我试图简单地创建DIVS序列,将它们全部安排在主DIV中,然后 - 将它们全部置于绝对位置。之后我试图创建一个非常简单的Jquery函数,它允许点击DIV并基本上浏览所有这些函数,一个接一个地直到最后一个。

这是一个例子:

<div id="slideshow">
     <div> any content here.. </div>
     <div> any content here.. </div>
     <div> any content here.. </div>
     <div> any content here.. </div>
     <div> any content here.. </div>
<div> any content here.. </div>
</div>

点击第一个div将循环完成所有潜水,直到最后一个潜水..

看起来很简单但我无法在任何地方找到答案。 我不想使用JQuery Cycle Plugin - http://jquery.malsup.com/cycle/ 因为它需要大量的编码和大量的文件。 只是一个简单的Jquery函数,它将允许它。

任何人都可以帮忙吗?我需要两件事:

  1. 循环通过div直到结束然后停止(没有循环)
  2. 到达最后一个div时循环整个序列(仍然点击)
  3. 非常感谢

1 个答案:

答案 0 :(得分:0)

尝试each()方法:

$('#slideshow').click(function() {
  $('#slideshow div').each(function() {
     // do something here
  })
})