Databases
StackOverflow2013
Postsdbo
POjQuery Cycle Error: Cannot read property 'cycleW' of undefined
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Cycle Error: Cannot read property 'cycleW' of undefined
    text
    copied!<p>Not sure why I'm getting this error and can't figure it out? The cycle works, I'm just getting this error in the console and would like to fix it. That's why I'm here now :)</p> <p>I'm creating 3 different cycles on the same page with the same selector and using the pager for unique controls. This is what I have currently:</p> <pre><code>// 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'); }); </code></pre> <p>HTML:</p> <pre><code>&lt;h6 class="carbon_heading"&gt;Top Prospects&lt;/h6&gt; &lt;ul id="tab-nav" class="nav nav-tabs"&gt; &lt;li&gt;&lt;a href="#c2012"&gt;2012&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#c2013"&gt;2013&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#c2014"&gt;2014&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="tab-wrap"&gt; &lt;div id="c2012" class="tab-section"&gt; &lt;div class="prospect-carousel"&gt; &lt;div class="prospect-bio"&gt; &lt;span class="info"&gt; &lt;span class="badge"&gt; RANK &lt;span class="rank"&gt;{count}&lt;/span&gt; &lt;/span&gt; &lt;span class="name"&gt;{title} &lt;em&gt;{prospects_position_primary} &lt;a href="{page_uri}"&gt;View Bio &amp;raquo;&lt;/a&gt;&lt;/em&gt;&lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;ol class="prospect-list nav-pl0"&gt; &lt;li&gt;&lt;a href="#"&gt;{title} &lt;span&gt;{prospects_position_primary}&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;&lt;i class="icon-th-list"&gt;&lt;/i&gt; &lt;a href="/rankings/"&gt;2012 Player Rankings&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div id="c2013" class="tab-section"&gt; &lt;div class="prospect-carousel"&gt; &lt;div class="prospect-bio"&gt; &lt;span class="info"&gt; &lt;span class="badge"&gt; RANK &lt;span class="rank"&gt;{count}&lt;/span&gt; &lt;/span&gt; &lt;span class="name"&gt;{title} &lt;em&gt;{prospects_position_primary} &lt;a href="{page_uri}"&gt;View Bio &amp;raquo;&lt;/a&gt;&lt;/em&gt;&lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;ol class="prospect-list nav-pl1"&gt; &lt;li&gt;&lt;a href="#"&gt;{title} &lt;span&gt;{prospects_position_primary}&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;&lt;i class="icon-th-list"&gt;&lt;/i&gt; &lt;a href="/rankings/2013"&gt;2013 Player Rankings&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div id="c2014" class="tab-section"&gt; &lt;div class="prospect-carousel"&gt; &lt;div class="prospect-bio"&gt; &lt;span class="info"&gt; &lt;span class="badge"&gt; RANK &lt;span class="rank"&gt;{count}&lt;/span&gt; &lt;/span&gt; &lt;span class="name"&gt;{title} &lt;em&gt;{prospects_position_primary} &lt;a href="{page_uri}"&gt;View Bio &amp;raquo;&lt;/a&gt;&lt;/em&gt;&lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;ol class="prospect-list nav-pl2"&gt; &lt;li&gt;&lt;a href="#"&gt;{title} &lt;span&gt;{prospects_position_primary}&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;&lt;i class="icon-th-list"&gt;&lt;/i&gt; &lt;a href="/rankings/2014"&gt;2014 Player Rankings&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; enter code here </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload