对于当前项目,我需要触发jCarousel Plugin的开始/停止事件。
carousel.stopAuto();
carousel.startAuto();
我不是那些迷恋自己解决问题的JavaScript。简短解释我正在尝试做什么:
旋转木马是一个奇特的产品滑块,按照我的预期工作。但重点是产品描述应该作为工具提示提供。因此,如果显示工具提示,我必须停止旋转木马,并在工具提示关闭后重新启动它。仅供参考:tooltip Plugin是Cluetip。有人对我有什么建议吗?
答案 0 :(得分:5)
找到解决方案。使用以下函数作为轮播设置的初始回调。
function initCarousel (carousel) {
jQuery('#cluetip').live('mouseover mouseout', function(event) {
// Disable default action
event.preventDefault();
// Stop carousel at mouseover
if (event.type == 'mouseover') {
carousel.stopAuto();
};
// Restart carousel at mouseout
if (event.type == 'mouseout') {
carousel.startAuto()
};
});
};
答案 1 :(得分:0)
尝试以下代码。它适用于我:)
前:
function mycarousel_initCallback(carousel)
{
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
$(document).ready(function() {
$('#mycarousel').jcarousel({
initCallback: mycarousel_initCallback
});
});