Jquery Flexslider滑动不'；t使用下一个/上一个控件后恢复

没有jquery背景，只是想为dreamweaver构建的站点提供一个简单的旋转木马。所有操作都很好，但是-当您单击下一个/上一个箭头向前/向后移动幻灯片时，如果将光标从滑块上移开（箭头消失），图像将停留在您查看的最后一个图像上，而不是继续/恢复滑块的功能。这是注定要发生的吗？如果是这样，有没有办法让它恢复“播放”？谢谢

您可以在js代码中尝试此功能：

解决方案1:

$('.flex-next').on('click',function () {
    $('.flexslider').flexslider("play");
});
$('.flex-prev').on('click',function () {
    $('.flexslider').flexslider("play");
});

演示：

解决方案2:将其添加到您的

flexslider

初始化代码中

after: function (slider) {            
        if (!slider.playing) {
            slider.play();
        }
    }

演示：

基本上，只要单击next/prev按钮，我们就调用

play

方法，其中

.flex next

和

.flex prev

是下一个和上一个按钮上的类

在您的网站中，您使用了：

$(window).load(function () {
    $('.flexslider').flexslider();
});
$('.flex-next').on('click', function () {
    $('.flexslider').flexslider("play");
});
$('.flex-prev').on('click', function () {
    $('.flexslider').flexslider("play");
});

相反，只需使用以下代码：

    $(document).ready(function () {
    $('.flexslider').flexslider({
        after: function (slider) {
            if (!slider.playing) {
                slider.play();
            }
        }
    });
});

---

使用$（document）.ready而不是$（window）.load

您可以在js代码中尝试：

解决方案1:

$('.flex-next').on('click',function () {
    $('.flexslider').flexslider("play");
});
$('.flex-prev').on('click',function () {
    $('.flexslider').flexslider("play");
});

演示：

解决方案2:将其添加到您的

flexslider

初始化代码中

after: function (slider) {            
        if (!slider.playing) {
            slider.play();
        }
    }

演示：

基本上，只要单击next/prev按钮，我们就调用

play

方法，其中

.flex next

和

.flex prev

是下一个和上一个按钮上的类

在您的网站中，您使用了：

$(window).load(function () {
    $('.flexslider').flexslider();
});
$('.flex-next').on('click', function () {
    $('.flexslider').flexslider("play");
});
$('.flex-prev').on('click', function () {
    $('.flexslider').flexslider("play");
});

相反，只需使用以下代码：

    $(document).ready(function () {
    $('.flexslider').flexslider({
        after: function (slider) {
            if (!slider.playing) {
                slider.play();
            }
        }
    });
});

---

使用$（document）.ready而不是$（window）。加载

尝试将

pauseOnAction

参数设置为

false

：

$(document).ready(function () {
    $('.flexslider').flexslider({
        pauseOnAction: false
    });
});

---

尝试将

pauseOnAction

参数设置为

false

：

$(document).ready(function () {
    $('.flexslider').flexslider({
        pauseOnAction: false
    });
});

---

谢谢-两个选项都无法使用！我有jquery.min.js和jquery.flexslider.js，也在标签中尝试过，它仍然在做同样的事情。获取语法错误。当您转到“演示”链接时，比上面框中的字符更多。很抱歉我的滑块在答案处更新。检查答案末尾的修改代码如何再次启用悬停暂停滑块？Sry，当我使用.flexslider（“播放”）选项“悬停暂停”停止工作。谢谢-两个选项都无法工作！我有jquery.min.js和jquery.flexslider.js，也在标签中尝试过，它仍然在做同样的事情。获取语法错误。当您转到“演示”链接时，比上面框中的字符更多。很抱歉我的滑块在答案处更新。在回答“如何再次启用悬停暂停滑块？”Sry的末尾检查修改后的代码，当我使用.flexslider（“播放”）选项“悬停暂停”停止工作时。