0

タブのドキュメントにも、スライドショーのドキュメントにも、特定のタブ/スライドを手動で選択できる機能はありません。

とがありますが、 のようなものはありませnext()ん。prev()goTo( slideIndex )

Spokeyの回答後のUPDATE 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

これらのツールには最適なドキュメントがないように見えますが、スライドショーには手動のスライド タブ セレクターがあることは間違いありません。

ここに画像の説明を入力
From:スタンドアロンのデモ

より良いビュー: 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 に答える