J Carousel Bullet Controls

时间:2016-01-27 14:33:05

标签: javascript jquery button jcarousel

我正在尝试在我的JCarousel上输入项目符号功能。所有横幅都显示在后端,但是当尝试使用子弹功能导航横幅时不起作用。子弹是可见的但是不活跃。有关功能代码的任何想法,以纠正这个并启用按钮功能,以允许我点击不同的横幅?或者甚至是朝着正确方向的一点?

<div class="banners">
<div class="pager jcarousel-control"><a class="jcarousel-next" href="#">1</a><a href="#">2</a><a href="#">3</a></div>
<div class="holder">
<div class="slider">
<ul>
<li><a href="http://www.flukenetworks.com/Fiber-Certification-Process?ls=CMS&amp;lsd=6steps"><img src="{{media url="wysiwyg/Banners/Fluke-Fibre-Process.jpg"}}" alt="" /></a></li>
<li><a href="http://http://www.cmsplc.com/dymo-xtl-trade-in/"><img src="{{media url="wysiwyg/Banners/Dymo_XTL_Banner.jpg"}}" alt="" /></a></li>
<li><a href="http://www.cmsplc.com/fluke-networks-dtx-upgrade-offer/"><img src="{{media   url="wysiwyg/Fluke_DTX_Buy_Back_2015.jpg"}}" alt="" /></a></li>
</ul>
</div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

请提供小提琴,以便我们提供帮助。 在此期间尝试;

(function ($) {
    $(function () {
        $('.jcarousel').jcarousel();
        $('.jcarousel-pagination')
                .on('jcarouselpagination:active', 'a', function () {
                    $(this).addClass('active');
                })
                .on('jcarouselpagination:inactive', 'a', function () {
                    $(this).removeClass('active');
                })
                .jcarouselPagination();
    });
})(jQuery);

在此处的官方示例中使用:http://sorgalla.com/jcarousel/examples/basic/#4