如何导航到jquerytools选项卡/幻灯片中的特殊选项卡？

Question

我在tabs documentation中看不到任何功能，slideshow documentation中也没有让我们手动选择特定标签/幻灯片。

有next()和prev()，但不是goTo( slideIndex )。

---

在Spokey's answer之后

更新1 ：

当我在mouseover上激活了幻灯片更改时，代码$('#accordion img:eq(0)').mouseover();必须为我做这个技巧，但事实并非如此。

完整的代码：

$("#accordion").tabs("#accordion div", {
    tabs: 'img.tab',
    effect: 'fade', /*horizontal*/
    event: 'mouseover'
});

$('#accordion').mouseleave(function(){
    // Following line doesn't act
    $('#accordion img:eq(0)').mouseover();
    // While the following alert() states that the selector is ok
    alert($('#accordion img:eq(0)').attr('src'));
})

---

更新2

我们知道有一些标签可供用户通过鼠标悬停查看每个标签。在这个地方我想要什么是如果用户离开整个标签（在此示例中为div#accordion），则只有一个特殊标签（称为默认标签）被激活。换句话说，最后一个活动选项卡应该更改为mouseleave上的默认选项卡。

请告诉我$('#accordion').mouseleave(function(){和});到底应该是什么？

Answer 1

我还没有找到一个，但解决方法是手动触发点击事件。

对于类似

的标签

$('.box .tabs li:eq(0) a').click()

注意：标签API似乎有某种click(index)方法

对于幻灯片，您点击分页

$('.slidetabs a:eq(0)').click()

在上面的示例中，您可以在:eq()

中指定幻灯片/标签的索引

Answer 2

这些工具似乎没有最好的文档，但幻灯片显然肯定有一个手动幻灯片选项卡。

来自：the standalone demo

为了获得更好的观点：http://jsfiddle.net/upbzy/3/

<!-- the tabs -->
<!-- IMPORTANT BIT -->
<div class="slidetabs"> <a href="#">slide 1</a>
 <a href="#">slide 2 </a>
 <a href="#">slide 3</a>

</div>

  $(function () {
      $(".slidetabs").tabs(".images > div", {

          // enable "cross-fading" effect
          effect: 'fade',
          fadeOutSpeed: "slow",

          // start from the beginning after the last tab
          rotate: true

          // use the slideshow plugin. It accepts its own configuration
      }).slideshow();

      //added for demo purposes only
      $('.slidetabs a').click( function(){
          $('body').toggleClass('green');
      });
  });

<强>更新

我想你可能正在寻找这样的东西：

<强> Working Example

$(function () {
    $("#accordion").tabs("#accordion > div", {
        tabs: 'img.tab',
        effect: 'fade',
        event: 'mouseover'
    });

    $('#accordion').mouseleave(function () {
        $('#accordion img:eq(0)').tabs("#accordion > div");
        $('.tab').first().addClass('current').siblings().removeClass('current');
    });

});