0

我有一个带有更多选项卡的滑块，然后在主页上可见，所以我的想法是将它们放在溢出隐藏的 ul 集中。一旦最后一个选项卡处于活动状态并单击下一步，则不会显示下一个选项卡，而是显示幻灯片本身（在顶部）。

一旦最后一个可见选项卡处于活动状态（当前类）并单击下一步，应该会显示下一个隐藏的选项卡。基本上，您从看到选项卡 1 到 5.5 到选项卡 2 到 6.5。

由于您也可以单击选项卡本身来显示其内容，因此我需要 2 个功能，一个是单击箭头 prev 和 next 时（单击 prev 时选项卡应向后滚动，单击 next 隐藏的选项应变为可见）。

我试图使这两个功能（见下面的代码），但他们不工作..任何想法，这甚至可能吗？

演示：http: //jsfiddle.net/epnDK/1/

  1. 单击下一个和上一个箭头时的功能

    $('.coda-nav-left, .coda-nav-right').click(function(e) {
  if (class == 'coda-nav-left') {
    $('.coda ul li').remove('.coda ul li:last');
  } else {
    $('.coda ul li'). remove('.coda ul li:first');
  }
});

  2. 在当前标签之后显示下一个标签

    function current() {
  var $current = $('.coda-nav ul li a.current');
  if (current) {
    //show current in the center and 2 tabs before and after current
  }
}
4

1 回答 1

0

我看到两个问题：

  1. 您没有正确获得 CSS 类。

    if ($(this).hasClass('coda-nav-left')) {

    您没有删除正确的元素。

    $('.coda ul').remove('li:last');

  2. 我认为不是current但是$current。

于 2012-10-17T09:37:06.857 回答