Note that there are some explanatory texts on larger screens.

plurals
  1. POSlabText for content that is hidden on load & then displayed via JS
    primarykey
    data
    text
    <p>I'm using SlabText (<a href="http://www.frequency-decoder.com/demo/slabText/" rel="nofollow">http://www.frequency-decoder.com/demo/slabText/</a>) in a forthcoming project which is using jQuery to create some content on the fly (i.e. after the doc ready event).</p> <p>Specifically, after an AJAX form submission, I want to display a little thank you message. Whilst it's all fairly simple in theory, SlabText does not process on the hidden content in its usual cool way. It process for all of my titles except the ones that were hidden when the page was loaded</p> <p>Here's my code:</p> <pre><code>&lt;div id="result" class="container hide"&gt; &lt;div class="row"&gt; &lt;div class="span7"&gt; &lt;h2 class="slab"&gt; &lt;span class="slabtext"&gt;Thanks!&lt;/span&gt; &lt;/h2&gt; &lt;/div&gt; &lt;div class="span5"&gt; &lt;h2 class="slab"&gt; &lt;span class="slabtext"&gt;We'll be in touch&lt;/span&gt; &lt;span class="slabtext"&gt;very soon&lt;/span&gt; &lt;/h2&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>I'm using Twitter's Bootstrap &amp; the 'hide' class to set a parent div (#result) to be <code>display: none</code>. Once the form is submitted I set this div to be <code>display: block</code> (via JS) but no joy. I've also tried to include a line to process slabText again within my JS function (i.e. after changing the display): <code>$('#result').slabText();</code> Alas this still doesn't work either.</p> <p>I've created a JSFiddle to better show this issue: <a href="http://jsfiddle.net/YeZfd/" rel="nofollow">http://jsfiddle.net/YeZfd/</a></p> <p>I'm sure I'm being stupid &amp; missing something fundamental, if so please advise.</p> <p>Thanks for any assistance! George</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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