jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在鼠标悬停时立即停止jcarousel并继续mouseout大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图通过动作停止过渡(在这种情况下是悬停),但我不知道如何实现它.
这是我正在进行测试的地方:

http://lvemil.net/gla/web/

我有3个jcarousel实例,我的目标是在鼠标悬停时停止(立即)移动.
问题是:当鼠标在旋转木马上时,我停止它,但当前的过渡在停止之前结束,并且感觉不是所希望的,我希望在鼠标悬停时立即停止移动.

这是第一个轮播的初始化:

$('#jcarousel1')
.jcarousel({
    'animation': {
        'duration': 6000,//DEFINE SPEED
        'easing':   'linear','complete': function() {
        //ON ANIMATION COMPLETE ACTION GO HERE
        }
    },'wrap': 'circular'


}).jcarouselAutoscroll({
    interval: 1,target: '+=1',autostart: true
}).on('mouSEOver',function(E){
    $(this).jcarouselAutoscroll('stop');
}).on('mouSEOut',function(E){
    $(this).jcarouselAutoscroll('start');
});

其他两个jcarousel实例初始化相似.

更新:
我已经尝试过:

$('#jcarousel1').jcarousel('list').stop();

这会停止移动(滚动),但是我无法在鼠标移出时再次以与之前相同的位置开始移动.

更新1:
我也尝试过mouSEOut(让它再次运行)

$('#jcarousel1').jcarousel('destroy')
$('#jcarousel1').jcarousel( arrayWithInitOptions )

但这会产生不良影响,因为从第一个项目开始从旋转木马的开始(重新加载)开始移动,我想从鼠标悬停时的相同位置重新开始.

解决方法

你可以使用这样的东西

<script type="text/javascript" src="jquery.jcarousel.min.js"></script>
    <script type="text/javascript">
    function mycarousel_initCallBACk(carousel)
    {
        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        },function() {
            carousel.startAuto();
        });
    };

    jQ=jQuery.noConflict();
    jQ(document).ready(function() {
        jQ('#mycarousel').jcarousel({
                    auto: 3,animation: 1000,scroll: 1,easing: "linear",wrap: 'circular',initCallBACk: mycarousel_initCallBACk
        });
    });

    </script>

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在鼠标悬停时立即停止jcarousel并继续mouseout全部内容,希望文章能够帮你解决jquery – 如何在鼠标悬停时立即停止jcarousel并继续mouseout所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。