将flex-active类添加到li而不是a/img [英] Adding flex-active class to the li instead of a/img

问题描述

启用controlNav后，我们将获得漂亮的分页列表和一些有用的类，例如flex-active.但是将类添加到链接或图像(启用缩略图控件时).像这样:

When we enable controlNav, we get nice paging list and some usefull class like flex-active. but the class added to the link or image(when thumbnail control enabled). like this:

<ol class="flex-control-nav">
    <li><a class="flex-active">1</a></li>
    <li><a>1</a></li>
</ol>

如何将flex-active类移至li元素而不是a/img元素，以得到如下信息:

How to move flex-active class to the li element instead of a/img element to get something like this:

<ol class="flex-control-nav">
    <li class="flex-active"><a>1</a></li>
    <li><a>1</a></li>
</ol>

编辑:这是我用来通过缩略图控件显示flexslider的脚本:

edit: here the script i used to show flexslider with thumbnail control:

$('.clients-items').flexslider({
    animation: 'slide',
    controlNav: 'thumbnails',
    directionNav: false,
});

推荐答案

请提供您正在使用的jQuery，以获得更精确的答案，但是您可以使用类似的方法吗?

Please provide the jQuery you are using to get more precise answer but could you use something like this?

$('.clients-items').flexslider({
    animation: 'slide',
    controlNav: 'thumbnails',
    directionNav: false,
    start: function(){
        $('.flex-control-nav .flex-active').parent('li').addClass('flex-active').siblings().removeClass('flex‌​-active');
    },
    after: function(){
        $('.flex-control-nav .flex-active').parent('li').addClass('flex-active').siblings().removeClass('flex‌​-active');
    }
});

这篇关于将flex-active类添加到li而不是a/img的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！