Question

我正在写一个页面中使用rcarousel，遗憾的是我还不能分享它作为一个例子。但这对我的问题无关紧要，因为我的问题不是错误，而是一个特征存在查询。

我在创建时启用了'自动'，但我希望能够在用户点击其中一个导航按钮时动态禁用它。这是旋转木马的创作：

$("#landing-features-carousel").rcarousel({
    visible: 2,
    step: 2,
    speed: 700,
    width: 474,
    height: 267,
    auto: { enabled: true, interval: 8000 },
    start: window.landing.generateCarouselPages,
    pageLoaded: window.landing.carouselLoaded
});

我希望能够做到这样的事情：

$("#ui-carousel-next").bind("click", function(e) {
    $("#landing-features-carousel").rcarousel("options", "auto", { enabled: false });
});

但当然这不起作用。

有没有人知道rcarousel是否可以动态切换到自动前进模式？谢谢！

Answer 1

IIRC有一个有点虫。现在我正在研究测试分支中的下一个版本，除此之外我已经实现了一个很好的API方法来控制旋转木马 - 你可以随时暂停它并玩游戏。我也添加了一个新的例子。

因为它正在测试分支，我不能说它是否稳定。虽然没有提交太多提交，但如果你觉得足够勇敢，你可以浏览新的提交并使用该版本。

Answer 2

在rcarousel的最新版本中，我能够通过一个警告 *

获得以下内容

$("#ui-carousel-next").bind("click", function(e) {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});

* 需要注意的是，点击后，轮播在点击后仍然再次滚动，然后停止。

这很烦人，所以我最终决定在旋转木马div和prev / next按钮悬停时自动停止，这似乎立刻停止了旋转木马：

$("#ui-carousel-next").hover(function () {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});

$("#ui-carousel-prev").hover(function () {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});

$("#landing-features-carousell").hover(function () {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});

rcarousel可以动态切换到自动前进模式吗？

2 个答案: