javascript - jQuery CarouFredSel 插件触发配置

Question

我有一个小问题，我认为一切都很好，例子在这里:a link在“Partneriai”页面底部。这个想法是当鼠标悬停在下一个和上一个按钮上时设置速度(持续时间)快一点，当鼠标离开时设置速度持续时间正常(默认)。

一切正常，但问题是:当一个项目从 div 滑过时需要等待，然后设置持续时间的配置。当鼠标悬停在下一个按钮上时，我需要立即设置这些配置。我找不到问题。

我的代码:

$(".sponsors-slider-slide").carouFredSel({
    scroll: {
        items: 1,
        duration: 2000,
        queue: true,
        timeoutDuration: 0,
        easing: "linear",
        pauseOnHover: "immediate-resume",
        fx: "scroll"
    },
    responsive: false,
    circular: true,
    infinite: false,
    swipe: {
        onTouch: true,
        onMouse: true
    },
    width: "variable",
    height: "variable",
    items: {
        visible: 4,
        minimum: 0,
        width: "variable",
        height: "variable"
    },
    align: false,
    debug: false
});

和下一个按钮的例子:

$("#sponsors-slider-next").on("mouseover mouseout", function(e){

    if(e.type == "mouseover")
    {

        $(".sponsors-slider-slide").trigger("configuration", ["direction", "left"]);
        $(".sponsors-slider-slide").trigger("configuration", ["scroll.duration", 1000, true]);

    }

    if(e.type == "mouseout")
    {
        $(".sponsors-slider-slide").trigger("configuration", ["direction", "left"]);
        $(".sponsors-slider-slide").trigger("configuration", ["scroll.duration", 2500, true]);
    }



    return false;
});

问题是，当鼠标悬停在下一个按钮上时如何设置 scroll.duration，而不是当 carousel 完成滑动时？

谢谢你的建议。

Answer 1

它必须完成转换才能更改配置。要立即完成转换，请触发完成事件。

$(".sponsors-slider-slide").trigger('finish');

根据其他设置，这可能会使它看起来有点“故障”，但至少不会给人以按钮不起作用的印象。

顺便说一句，链接多个方法比重复选择器更有效:

$(".sponsors-slider-slide")
    .trigger("finish")
    .trigger("configuration", {
        direction: "left",
        scroll: {
            duration: 1000
        },
        reInit: true //not sure that you need this
    });