JQuery多个幻灯片,具有相同的上一个/下一个按钮

时间:2015-01-18 04:34:57

标签: jquery html css slideshow

我试图弄清楚一个令人沮丧的问题。

我现在拥有的内容:

  • 一个ul包含两个li,每个table包含一个3x3 table
  • jQuery"幻灯片"脚本一次显示一个div
  • table两侧prevButton两个{用于"幻灯片",nextButtontd
  • 点击div"展开"涵盖整个3x3 table的特定prevButtonnextButtondiv仍然可见。
  • 点击展开的table关闭它,div再次可见。
  • 如果未展开tablenextButton可见,prevButtontable将用于转到下一个/上一个div。< / LI>

http://jsfiddle.net/m1djrrj8/

我想做的事情:

  • 展开td时(点击table),nextButton会被覆盖,而prevButtontable应该 NOT 用于转到下一个/上一个div,而是用于显示下一个/上一个展开的{{1}}。

小提琴的粗糙结构

enter image description here

了解小提琴

  • 有两个表有9个单元格(1,2,3,4,5,6,7,8,9)和(A,B,C,D,E,F,G,H,I),点击黄色侧边栏,从一个交换到另一个。
  • 点击每个单元格会打开一个特定的div:
    • (1,2,3,4,5,6,7,8,9)显示(sq1,sq2,sq3,sq4,sq5,sq6,sq7,sq8,sq9)
    • (A,B,C,D,E,F,G,H,I)显示(sqA,sqB,sqC,sqD,sqE,sqF,sqG,sqH,sqI)。
  • 当显示sq1~9或sqA~I时,我想使用黄色侧边栏通过sqI幻灯片显示sq1到sq9 sqA而不是切换表格。

JSFiddle有点长,我为此道歉,但如果有人能帮我解决这个问题,我将非常感激;我把头发撕掉了!

1 个答案:

答案 0 :(得分:0)

“。按钮”被编程为在<li>之间切换。因此,当您点击上一步按钮或下一个按钮时,当前<li>消失,另一个<li>出现。
要获得所需的结果,您必须更改逻辑:

  1. 检查<div>是否覆盖了表格。
  2. 如果是,请隐藏<div>并显示下一个<div>