javascript - jQuery 循环错误 : Cannot read property 'cycleW' of undefined

Question

不确定为什么我会收到此错误并且无法弄清楚？这个循环有效，我只是在控制台中收到此错误并想修复它。这就是我现在在这里的原因:)

我在同一页面上使用相同的选择器创建了 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 class="prospect-list nav-pl0">
                <li><a href="#">{title} <span>{prospects_position_primary}</span></a></li>
            </ol>
            <p><i class="icon-th-list"></i> <a href="/rankings/">2012 Player Rankings</a></p>
        </div>

        <div id="c2013" 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 class="prospect-list nav-pl1">
                <li><a href="#">{title} <span>{prospects_position_primary}</span></a></li>
            </ol>
            <p><i class="icon-th-list"></i> <a href="/rankings/2013">2013 Player Rankings</a></p>
        </div>

        <div id="c2014" 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 class="prospect-list nav-pl2">
                <li><a href="#">{title} <span>{prospects_position_primary}</span></a></li>
            </ol>
            <p><i class="icon-th-list"></i> <a href="/rankings/2014">2014 Player Rankings</a></p>
        </div>
    </div>
enter code here

Answer 1

我让 Mike(循环开发人员)查看了它，他说我的第三个 div 导致了问题，因为它是空的。他将在下一个版本中修复此问题。