2010-03-10 4 views
1

div 인 jQuery 로더를 만들었습니다. 그러나 더 이상 내 div class="typeface"을 표시하지 않습니다. 이것은 다른 글꼴을 사용할 수 없다는 것을 의미합니다. 나머지 콘텐츠 div가 제대로 작동합니다. 누구든지 나를 도울 수 있습니까?Div가 서체 JS가 표시되지 않습니다. popable content div에

자바 스크립트 코드 : (요소)

$(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('<span id="load">LOADING...</span>'); 
     $('#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; 

    }); 
}); 

HTML 코드 :

<body> 
<div id="wrapper"> 
    <ul id="nav"> 
     <li><a href="index.html">welcome</a></li> 
    </ul> 
     <div id="content"> 

     <div class="typeface-js" style="font-family: Helvetiker; color:#0182a8; font-size:25px; margin-bottom:10px;">Mauris ac eros. Donec quis lacus Header text. 
     </div> 

     Morbi gravida posuere est. Fusce id augue. More content text. 

     </div> 

</div> 

답변

0

.load 대상 컨테이너 요소의 전체 내용이 삭제됩니다 : 당신의 "서체-JS"요소는 콘텐츠 사업부에 포함되어 있기 때문에 (즉, "#content")

<div id="content"> .... cleared ..... </div> 

를, 그것은 지워지는 로드가 완료되면

0

당신은 완전히 '#content'사업부를 통해 무언가를로드하는, 물론 "서체-JS 그래서 "div는 사라질 것입니다. 당신이 보여요? 당신이 다음

$('#content').load(...) 

를 호출 할 때 사라질 것입니다 전에 <div>에 있었다 뭐든간에.

관련 문제