Databases
StackOverflow2013
Postsdbo
POjQuery not applying class to list items
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery not applying class to list items
    text
    copied!<p><a href="http://cookware.lecreuset.com/cookware/content_cast-iron-guide-sizes_10151_-1_20002" rel="nofollow noreferrer">This is my page.</a></p> <p>It was developed by a 3rd party and I plugged it into our CMS. Anytime I try to update the page in any way - even something as simple as changing a URL, the list items in the modals when you click the plus sign stop populating.</p> <p>What is supposed to happen is that each modal window has little icons that appear over the (currently empty) orange bar, and when you hover over the icon, the content below changes. It looks like this<img src="https://i.stack.imgur.com/jm6fl.jpg" alt="">, and the code looks like this:</p> <pre><code> &lt;ul class="size_banner"&gt; &lt;li&gt;&lt;a class="size_1 selected" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="size_2" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="size_3" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="size_4" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="size_5" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="size_6" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="size_7" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a class="size_8" title=""&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; </code></pre> <p>At one point, I figured out that if I edited the page in a text-editor, rather than directly in the CMS and then copied the new code, it would work. However, once again it isn't working! There are no errors in Firebug console or Chrome. <a href="http://jsfiddle.net/VDsDe/" rel="nofollow noreferrer">I put the jQuery in a fiddle</a>, though I get an error when I try to trigger the modal.</p> <p><a href="http://lizlantz.com/site/cast-iron-guide-sizes.html" rel="nofollow noreferrer">Here is a working version of the page on a different server</a>.</p> <p>I have to have the page fixed by tomorrow AM so the broken page will only be live today.</p>
 

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