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