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

Question

我在tabs documentation 和slideshow documentation 中都看不到让我们手动选择特定标签/幻灯片的功能。

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

---

UPDATE 1在Spokey's answer之后：

由于我已在 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

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

来自：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');
    });

});

Answer 2

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

对于类似于

的标签

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

注意：选项卡 API 似乎有某种 click(index) 方法

对于幻灯片，您单击分页

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

在上面的示例中，您在:eq() 中给出了幻灯片/选项卡的索引