触发配置的 jQuery CarouFredSel 插件答案

【问题标题】：jQuery CarouFredSel plugin triggering a configuration触发配置的 jQuery CarouFredSel 插件
【发布时间】：2013-10-08 08:20:55
【问题描述】：

我有一个小问题，我认为一切都很好，例子在这里：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，而不是在轮播完成滑动时设置？

感谢您的建议。

【问题讨论】：

标签： javascript jquery duration caroufredsel

【解决方案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
    });

【讨论】：