0

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

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

Spokey 回答后更新 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(){和});？

4

2 回答 2

1

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

在此处输入图像描述
来自：独立演示

为了更好地查看：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');
      });
  });

更新：

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

工作示例

$(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');
    });

});
于 2013-09-04T19:24:40.307 回答
1

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

对于类似的标签

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

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

对于幻灯片，您单击分页

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

在上面的例子中，你给出了幻灯片/标签的索引:eq()

于 2013-09-02T10:10:39.243 回答