Question

这里http://jsfiddle.net/comparebest/yBcKk/6/我有一个jQuery滑块和两个Div - DIV ONE和DIV TWO。

有没有办法让我自动拥有它：

1）当滑块显示幻灯片1时，将DIV ONE类（从“test”替换为“testc”）。

2）当滑块显示幻灯片2时，将DIV TWO的等级（从“test1”替换为“test1c”）。

Answer 1

我想出了一个使用.paging a.active索引的解决方案，查看此fiddle 这是我在你的旋转功能中添加的内容：

 if ($('.paging a.active').index() == 0){
                //alert('slide1');  
            $('.test').removeClass('test').addClass('testc').html('DIV ONE now has class: testc');          
            }
        if ($('.paging a.active').index() == 1){
                //alert('slide1');  
            $('.test1').removeClass('test1').addClass('test1c').html('DIV TWO now has class: test1c');          
            }

基本上，如果.paging a.active index = 0（真的滑动一个），那么相应地改变div。它只是不能很好地与滑块的初始加载，因为旋转功能不会被调用，直到它移动到滑动两个..

使用jQuery特色滑块更改目标DIV的类

1 个答案: