带有自定义寻呼机的 jquery bxslider slider - 自动播放不向寻呼机添加事件类？

Question

我创建了一个 jsFiddle来展示我的问题。 http://jsfiddle.net/motocomdigital/NXzcx/3/

概述

我刚刚开始开发一个网站，我想使用一个多功能的 jQuery 插件来用于网站上的所有 slider 和股票行情自动收录器，而不是多个 jQuery 插件。

我做了一些搜索，偶然发现了 jQuery bxslider - 文档看起来不错，所以我决定提前提供。

我正在尝试创建一个与 google shopping 上的 slider 类似的 slider 。页。我可以欣赏这个jQuery bxslider plugin可能无法实现寻呼机之间的精确转换。

问题

请查看我的http://jsfiddle.net/motocomdigital/NXzcx/3/供引用。

根据 google shopping页面示例，我已经设法让幻灯片自动播放，但它似乎没有将 .page-active 类添加到当前寻呼机？ ...当您选择寻呼机时，它不会继续自动播放？而且文档似乎没有解释这一点。

有什么想法可以实现这一目标吗？

我在这里关注了这个演示... http://bxslider.com/examples/thumbnails-pager-method-1

代码

$(function() {

    // assign the slider to a variable
    var slider = $('#banner-slider').bxSlider({
        controls: false,
        mode: 'vertical',
        auto: true
    });

    // assign a click event to the external thumbnails
    $('.banner-pager a').click(function() {
        var thumbIndex = $('..banner-pager a').index(this);
        // call the "goToSlide" public function
        slider.goToSlide(thumbIndex);

        // remove all active classes
        $('.banner-pager a').removeClass('pager-active');
        // assisgn "pager-active" to clicked thumb
        $(this).addClass('pager-active');
        // very important! you must kill the links default behavior
        return false;
    });

    // assign "pager-active" class to the first thumb
    $('.banner-pager a:first').addClass('pager-active');

});

任何帮助都会很棒!或者如果您可以推荐一个更通用的 jQuery 插件，那就太好了。谢谢

Answer 1

随着新版本的出现，这个问题将会得到解决。我们可以使用:

pagerCustom: $('.banner-pager')

来自插件站点的示例页面是示例 Thumbnail pager - method 1

和here是你的例子