javascript - Jquery easyTicker 无法正常工作

Question

我正在使用 easyTicker 插件滚动页面上的内容，并使用折叠器插件 chop 股票代码中的单词。这两个插件都可以顺利工作，但是当我展开 chop 的单词时，即使没有抛出任何异常，easyTicker 也会停止工作。这是我处理上述错误的 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',
});

http://jsfiddle.net/gayancc/q7qYN/

Answer 1

这就能解决问题了:)它有一点原始代码:

 $('.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'
});

想法是在进行切换转换(显示/隐藏)时停止并开始滚动。

jsFiddle