Note that there are some explanatory texts on larger screens.

plurals
  1. PODiv with typeface JS doesn't display In popable content div
    primarykey
    data
    text
    <p>I made a jQuery loader for my <strong>content</strong> div. However it doesn't display my <code>div class="typeface"</code> anymore. This means I can't use different fonts. The rest of the content div works properly. Can anyone help me?</p> <p>Javascript code: (for elements)</p> <pre><code>$(document).ready(function() { // Check for hash value in URL var hash = window.location.hash.substr(1); var href = $('#nav li a').each(function(){ var href = $(this).attr('href'); if(hash==href.substr(0,href.length-5)){ var toLoad = hash+'.html #content'; $('#content').load(toLoad) } }); $('#nav li a').click(function(){ var toLoad = $(this).attr('href')+' #content'; $('#content').hide('fast',loadContent); $('#load').remove(); $('#wrapper').append('&lt;span id="load"&gt;LOADING...&lt;/span&gt;'); $('#load').fadeIn('normal'); window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); function loadContent() { $('#content').load(toLoad,'',showNewContent()) } function showNewContent() { $('#content').show('normal',hideLoader()); } function hideLoader() { $('#load').fadeOut('normal'); } return false; }); }); </code></pre> <p>HTML code:</p> <pre><code>&lt;body&gt; &lt;div id="wrapper"&gt; &lt;ul id="nav"&gt; &lt;li&gt;&lt;a href="index.html"&gt;welcome&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id="content"&gt; &lt;div class="typeface-js" style="font-family: Helvetiker; color:#0182a8; font-size:25px; margin-bottom:10px;"&gt;Mauris ac eros. Donec quis lacus Header text. &lt;/div&gt; Morbi gravida posuere est. Fusce id augue. More content text. &lt;/div&gt; &lt;/div&gt; </code></pre>
    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.
 

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