Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery easyTicker工作不正常_Javascript_Jquery - Fatal编程技术网

Javascript Jquery easyTicker工作不正常

Javascript Jquery easyTicker工作不正常,javascript,jquery,Javascript,Jquery,我正在使用easyTicker插件滚动页面上的内容,并使用collapser插件截断股票代码中的单词。这两个插件都工作得很顺利,但当我扩展被截断的单词easyTicker时,即使没有抛出任何异常,它们也会停止工作。下面是我处理上述bug的JSFiddler代码 谢谢 $(document).ready(function (e) { $('.review-wrapper').easyTicker({ direction: 'up', easing: 'swing', spe

我正在使用easyTicker插件滚动页面上的内容,并使用collapser插件截断股票代码中的单词。这两个插件都工作得很顺利,但当我扩展被截断的单词easyTicker时,即使没有抛出任何异常,它们也会停止工作。下面是我处理上述bug的JSFiddler代码

谢谢

$(document).ready(function (e) {
$('.review-wrapper').easyTicker({
    direction: 'up',
    easing: 'swing',
    speed: 'slow',
    interval: 2000,
    visible: 2,
    height: 'auto',
});

$('.circle').collapser({
    mode: 'words',
    truncate: 20,
    effect: 'fade',
    showText: 'Show',
    hideText: 'Hide',
});

这就可以了:)这是一个有点原始的代码:

 $('.circle').collapser({
        beforeShow: function() {
            var element = $('.review-wrapper').data('easyTicker');           
            element.stop();
        },
        afterShow: function() {
            var element = $('.review-wrapper').data('easyTicker');
            element.start();
            $('.review-wrapper').mouseenter(); // NEW LINE if is set mousePause in easyTicker
        },
        beforeHide: function() {
            var element = $('.review-wrapper').data('easyTicker');
            element.stop();
        },
        afterHide: function() {
            var element = $('.review-wrapper').data('easyTicker');
            element.start();
        },
        mode: 'words',
        truncate: 20,
        effect: 'fade',
        showText: 'Show',
        hideText: 'Hide'
});
这个想法是在进行切换转换(显示/隐藏)时停止并开始滚动


嗨,loncar,这是一个很好的技巧,但问题是当启动easyTicker鼠标再次停止工作时!!我不确定我是否理解这一点。你为什么想重新开始easyTicker?我的
jsfiddle
示例正在运行,好吗?你能用这个案例更新你的jsfiddle示例吗?嗨,谢谢你的回复,当我将鼠标悬停在滚动内容上时,它停止了[mousePause:1],但在这个解决方案上我无法完成。谢谢这里是更新的Jsfiddler:添加这行代码:
$('.review wrapper').mouseenter()我已经更新了示例和JSFIDLE:)