调用jquery jCarousel的next和prev函数？

ukqbszuj 于 12个月前发布在 jQuery

关注(0)|答案(4)|浏览(117)

我使用jCarousel来创建滚动内容（按照http://sorgalla.com/projects/jcarousel/）。但是，我不想使用默认的下一个和上一个按钮，所以我想创建两个按钮来处理点击事件。例如：我有两个这样的超链接：

<script>
jQuery(document).ready(function() {
    // Initialise the first and second carousel by class selector.
    // Note that they use both the same configuration options (none in this case).
    jQuery('#scrollArea').jcarousel({
        scroll: 10
        });
</script>
        <a>NEXT</a>
        <a>PREV</a>
    <div id="scrollArea">
<!-- CONTENT HERE -->
</div>

如何将next和prev函数绑定到上面的链接？

jquery

来源：https://stackoverflow.com/questions/6420728/call-next-and-prev-function-of-jquery-jcarousel

4条答案

按热度按时间

aydmsdu91#

看看这个例子：
http://sorgalla.com/projects/jcarousel/examples/static_controls.html
基本上，您可以在carousel的初始化中将函数附加到carousel。以下是相关的片段。

function mycarousel_initCallback(carousel) {
    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};

赞(0）回复(0）举报 12个月前

laawzig22#

你也可以做

`$('.jcarousel-next').click(function() {
    $('.jcarousel').jcarousel('scroll', '+=1');
});`

以下是更多信息：http://sorgalla.com/jcarousel/docs/reference/usage.html

赞(0）回复(0）举报 12个月前

iyfjxgzm3#

jQuery：

jQuery(function ($) {
    $(".jcarousellite-hr").jCarouselLite({
        vertical: false,
        hoverPause: true,
        visible: 4,
        auto: 3000,
        speed: 1000,
        btnNext: ".next",
        btnPrev: ".prev"
    });
});

联系我们

<a class="prev" href="javascript:void(0);">Prev</a>
<a class="next" href="javascript:void(0);">Next</a>

赞(0）回复(0）举报 12个月前

oknwwptz4#

$（'. jcarousel-next-vertical '）.click（）;

赞(0）回复(0）举报 12个月前

我来回答

调用jquery jCarousel的next和prev函数？

4条答案

相关问题

热门标签

最新问答