Jquery循环插件没有暂停

时间:2011-03-04 06:08:31

标签: jquery jquery-plugins jquery-cycle

我有一个有趣的问题......我创建了一个精选内容滑块,可以触发每张幻灯片的子幻灯片显示...除了寻呼机上的暂停外,一切都按预期工作。我已经尝试了本机选项以及将悬停事件绑定到寻呼机。任何帮助将不胜感激。

function subCycle(){

$("#inside-tabs").html("");

$('#' + this.id + ' ul').cycle({ 
    fx:     'fade',
    speed:  'fast', 
    timeout: 3000,
    pagerEvent: 'mouseover', 
    pager:  '#inside-tabs',
    allowPagerClickBubble: true,
    pause: 1,
    pauseOnPagerHover: true,
    pagerAnchorBuilder: function(idx, slide) { 
        var link = $('#' + slide.id + ' h4 a').attr("href");
            return '<li><a href="'+ link +'">' + slide.title + '</a></li>'; 
        }
  }); 

}

$('#page-banner ul').cycle({
    before: subCycle,
    slideExpr: '.parent-page',
    fx:     'fade', 
    speed:  'fast',
    timeout: 9000,
    pagerEvent: 'mouseover', 
    pager:  '#outside-tabs',
    allowPagerClickBubble: true,
    pause: 1,
    pauseOnPagerHover: true,
    pagerAnchorBuilder: function(idx, slide) { 
           var link = $('#' + slide.id + ' h3 a').attr("href");
           return '<li><a href="'+ link +'">' + slide.title + '</a></li>';
        }
});

1 个答案:

答案 0 :(得分:1)

这已经解决了......解决方案是

$('#your_pager li a').live('hover', function() { 
  $('#container ul').cycle('toggle'); 
});