0

jQuery と JQUI を使用して、私の Web サイトで「注目のスライダー」を作成しています: http://calibur.8wayrun.com/

次のようなコードを使用します (ここでは、私が行っていることの簡単な要約として、重要でない情報をすべて編集しました)。

<script type="text/javascript">
jQuery(document).ready(function() {
    $("#recentSlider2").tabs({
        fx:{opacity: "toggle"}
    }).tabs("rotate", 5000, true);
});
</script>

<div id="recentSlider2">
    <div class="recentSlider2 rightSlider">
        <div id="fragment-1"></div>
        <div id="fragment-2"></div>
        <div id="fragment-3"></div>
            etc...
        <ul>
            <li id="nav-fragment-1"></li>
            <li id="nav-fragment-2"></li>
            <li id="nav-fragment-3"></li>
                etc...
        </ul>
    </div>
</div>

シンプルですよね？お気付きのように、親 div クラスは「recentSlider2 rightSlider」です。タブを変更するたびに、スライダーで「rightSlider」を「leftSlider」に置き換え、「leftSlider」を「rightSlider」に置き換えたいと思います。これは、スライドが変わるたびに左から右への跳ね返りをシミュレートするためだけに存在します。

このようなことは可能ですか？もしそうなら、どうすればいいですか？

4

1 に答える 1

0

tabsselectイベントにバインドできるはずです：

$("#recentSlider2").bind('tabsselect', function(event, ui) {
      $(ui.tab).closest(".recentSlider2")
          .toggleClass("rightSlider")
          .toggleClass("leftSlider");
  });
于 2012-12-21T04:02:36.417 に答える