Jquery循环插件不暂停

发布于 2024-10-20 03:37:05 字数 1167 浏览 6 评论 0原文

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

函数子循环(){

$("#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>';
        }
});

I have an interesting issue... I created a featured content slider that triggers a sub slideshow for each slide... Everything works as expected except the pause on the pagers. I've tried the native options as well as binding a hover event to the pager. Any help would be appreciated.

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

好听的两个字的网名 2024-10-27 03:37:05

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

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

This was resolved... The solution was

$('#your_pager li a').live('hover', function() { 
  $('#container ul').cycle('toggle'); 
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文