Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.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 如何通过外部控件/事件启动/停止jCarousel_Javascript_Jquery_Jcarousel_Cluetip - Fatal编程技术网

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

Javascript 如何通过外部控件/事件启动/停止jCarousel,javascript,jquery,jcarousel,cluetip,Javascript,Jquery,Jcarousel,Cluetip,对于当前项目,我需要触发的启动/停止事件 我并不是那么沉迷于自己解决问题的JavaScript。一个简短的解释我想做什么: 旋转木马是一个奇特的产品滑块,它已经如我所期望的那样工作了。但关键是产品说明应该作为工具提示提供。因此,如果显示工具提示,我必须停止旋转木马,并在工具提示关闭后重新启动它。仅供参考:这是Cluetip。有人对我有什么建议吗?找到了解决办法。使用以下函数作为转盘设置的初始回调 function initCarousel (carousel) { jQuery('#c

对于当前项目,我需要触发的启动/停止事件

我并不是那么沉迷于自己解决问题的JavaScript。一个简短的解释我想做什么:


旋转木马是一个奇特的产品滑块,它已经如我所期望的那样工作了。但关键是产品说明应该作为工具提示提供。因此,如果显示工具提示,我必须停止旋转木马,并在工具提示关闭后重新启动它。仅供参考:这是Cluetip。有人对我有什么建议吗?

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

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

};

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

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

};

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

例:


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

例:


这似乎打破了我的旋转器。如果用户在旋转过程中将鼠标移到旋转器上,旋转器将停止,并且永远不会重新启动。这对我来说似乎破坏了旋转器。如果用户在旋转中间将鼠标移到旋转器上,旋转器将停止,并且永远不会重新启动。
function mycarousel_initCallback(carousel)
{
   carousel.clip.hover(function() {
        carousel.stopAuto();
     }, function() {
        carousel.startAuto();
   });
};

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