小编Sie*_*ird的帖子

不知道为什么我收到这个错误而无法解决这个问题？循环工作,我只是在控制台中得到这个错误,并想修复它.这就是为什么我现在在这里:)

我使用相同的选择器在同一页面上创建3个不同的循环,并使用寻呼机进行独特的控制.这就是我目前所拥有的:

// Cycle Process individual samples - generate unique navs
$('.prospect-carousel').each(function(i) {
    $(this).cycle({
        fx:     'scrollHorz',
        speed:  500,
        pager: '.nav-pl' + i,
        pagerAnchorBuilder: function(idx, slide) { 
           return '.nav-pl'+i+' li:eq(' + idx + ') a'; 
        } 
    }).cycle('pause');
});

HTML:

<h6 class="carbon_heading">Top Prospects</h6>

    <ul id="tab-nav" class="nav nav-tabs">
      <li><a href="#c2012">2012</a></li>
      <li><a href="#c2013">2013</a></li>
      <li><a href="#c2014">2014</a></li>
    </ul>

    <div id="tab-wrap">
        <div id="c2012" class="tab-section">

            <div class="prospect-carousel">

                <div class="prospect-bio">
                    <span class="info">
                        <span class="badge">
                            RANK
                            <span class="rank">{count}</span>
                        </span>

                        <span class="name">{title} <em>{prospects_position_primary} <a href="{page_uri}">View Bio &raquo;</a></em></span>
                    </span>

                </div>
            </div>

            <ol …

我正在尝试设置幻灯片,以使用数据属性在每张幻灯片上设置超时.这适用于jQuery Cycle,但不适用于jQuery Cycle 2.我想我可能使用了错误的功能,但在Cycle 2文档中没有找到类似的东西？

HTML:

<div id="slides">
    <img src="img1.jpg" data-duration="1000" />
    <img src="img2.jpg" data-duration="2000" />
    <img src="img3.jpg" data-duration="3000" />
</div>

JS:

$('#slides').cycle({
    fx: 'fadeout',
    speed: 250,
    timeoutFn: function(currElement, nextElement, opts, isForward) { 
        return parseInt($(currElement).attr('data-duration'), 10);
    }
});