jQuery Cycle2 事件循环初始化永不触发答案

【问题标题】：jQuery Cycle2 Event cycle-initialized never firingjQuery Cycle2 事件循环初始化永不触发
【发布时间】：2017-12-03 20:24:21
【问题描述】：

我遇到了 jQueryCycle2 的问题，

事件'cycle-initialized'永远不会触发

我在一篇旧帖子中看到了一个解决方案。 Cycle2 Initialization events not firing

    $(document).on('cycle-initialized', $('#mySlider'), function(){
        // EVENT IS FIRED CORRECTLY
    });

但此解决方案仅适用于一个滑块，我的主页上有 2 个滑块。是否有正确使用 cycle-initialized、cycle-post-initialize 或 cycle-pre-initialize 来初始化几个 jqueryCycles p>

谢谢

【问题讨论】：

标签： javascript jquery jquery-cycle

【解决方案1】：

所以在幻灯片上运行它而不是 document

$('#mySlider').on('cycle-initialized', function(){
    // EVENT IS FIRED CORRECTLY
});

如果他们都有类似的课程，你可以同时涵盖：

$('.someClass').on('cycle-initialized', function(){
    // EVENT IS FIRED CORRECTLY
});

此代码应放在初始.cycle() 命令之前，否则cycle-initialized 将在捕获之前触发；这将使它看起来永远不会触发。

编辑：不知道为什么这会被否决，我有一个工作示例right here

【讨论】：

这么说，不会触发事件，因为对象已经初始化，正确的就像@Jaybe写的一样，但他可能需要更改为类而不是id跨度>
@Joyal 这就是我在评论中所说的；它必须在初始 .cycle 之前运行，否则它会使它看起来永远不会触发，

【解决方案2】：

请确保在循环实际初始化之前添加事件监听器考虑 FileLeVeR10 的以下答案在调用 'cycle' 之前，必须调用 'cycle-initialized'

$('.show').each(function(i) {
    //initialized
    $(this).on('cycle-initialized', function(e, opts) {
        alert('OMG, it hit initialized on '+i+'...');
    })
    //slideshow
    .cycle({
        carouselFluid:      true,
        slides:             'a',
        pauseOnHover:       true
    });
});

【讨论】：