Question

我正在使用jQuery和JQUI在我的网站上执行“精选滑块”：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”。这将只是为了模拟每次幻灯片更改从左到右的反弹。

这样的事情可能吗？如果是的话，我该怎么做？

Answer 1

您应该能够绑定到tabsselect事件：

$("#recentSlider2").bind('tabsselect', function(event, ui) {
      $(ui.tab).closest(".recentSlider2")
          .toggleClass("rightSlider")
          .toggleClass("leftSlider");
  });

更改jquery选项卡上的类旋转更改？

1 个答案: