javascript - 使用 jQuery 特色 slider 更改目标 DIV 的类

标签 javascript jquery html css

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

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

1) 当 slider 显示幻灯片 1 时,替换 DIV ONE 的类(从“test”到“testc”)。

2) 当 slider 显示幻灯片 2 时替换 DIV TWO 的类(从“test1”到“test1c”)。

最佳答案

我想出了一个解决方案,该解决方案使用您的 .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。它只是不能很好地与 slider 的初始加载一起工作,因为旋转函数不会被调用,直到它移动到第二个幻灯片..

关于javascript - 使用 jQuery 特色 slider 更改目标 DIV 的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12864653/

相关文章:

javascript - 如何防止输入类型="number"取e

javascript - 迭代列表并显示在下拉列表中

javascript - 通过两个类选择元素并仅更改该特定元素的 css 属性

jquery - 当用户输入时实时搜索 ajax 调用但延迟很小?

html - 将文本居中放置在左右两个动态跨度之间

javascript - 获取 eventAfterAllRender fullcalendar 中所有事件的事件 ID

javascript - 在 Javascript 和 HTML 中显示图像

javascript - Karma 在 Chrome 中打开了 3 次。 karma 虫?

AJAX 重新加载后,javascript 包含的文件消失了

jquery - CSS - Materialise SideNav 无法关闭