如何通过外部控件/事件启动/停止 jCarousel答案

【问题标题】：How to Start/Stop jCarousel by external controls/events如何通过外部控件/事件启动/停止 jCarousel
【发布时间】：2013-10-26 01:12:09
【问题描述】：

对于当前项目，我需要触发jCarousel Plugin 的启动/停止事件。

carousel.stopAuto();
carousel.startAuto();

我并没有那么沉迷于自己解决问题的 JavaScript。简短说明我正在尝试做的事情：

carousel 是一个精美的产品滑块，并且已经按我的预期工作。但关键是产品描述应该作为工具提示提供。因此，如果显示工具提示，我必须停止轮播，并在工具提示关闭后重新启动它。仅供参考：tooltip Plugin 是 Cluetip。有人对我有什么建议吗？

【问题讨论】：

标签： javascript jquery jcarousel cluetip

【解决方案1】：

找到了解决办法。使用以下函数作为轮播设置的初始化回调。

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

};

【讨论】：

这对我来说似乎破坏了旋转器。如果用户在旋转过程中将鼠标悬停在旋转器上，旋转器将停止并且永远不会重新启动。

【解决方案2】：

试试下面的代码。它对我来说很好:)

例如：

function mycarousel_initCallback(carousel)
{
   carousel.clip.hover(function() {
        carousel.stopAuto();
     }, function() {
        carousel.startAuto();
   });
};

$(document).ready(function() {
       $('#mycarousel').jcarousel({
             initCallback: mycarousel_initCallback
        }); 
 });

【讨论】：