1

我一直在努力让这段代码工作一整天。我有一个（内容）滑块（使用 Coda Slider 插件），其中包含更多选项卡，默认情况下可见。基本上我想要实现的是使选项卡可滚动，这意味着当您到达最后一个可见选项卡并单击下一步时，它应该变得可见。与 jQuery UI 可滚动插件完全相同（演示和文档）。

我可以切换到这个，但不幸的是我需要坚持使用 Coda 滑块插件..

我尝试使用可滚动的 jQuery UI 的代码，但没有成功。基本上我需要编写 2 个函数（请参见下面的代码），一个是直接单击选项卡时（更改为当前状态），另一个是单击 prev/next 时。

演示

有任何想法吗？

用户单击上一个/下一个时的功能

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

当用户单击选项卡并将类更改为当前时的功能

function current() {
  var $current = $('.coda-nav ul li a.current');
  if (current) {
    //show next/prev tab next to and sibling from current..
  }
}
4

0 回答 0