jquery 어떻게이 코드를 실행하고 div에 표시 할 수 있습니까?

Question

무엇을하려고하면 jquery와 ul 메뉴를 사용하고 클릭하면 외부 파일에서 섹션 div가로드되고 내용 div에 표시됩니다. 도스 섹션 DIV 난 그냥 http://tdr.host22.com/sections.html

에 가서 내가 그들을 표시 할 곳을보고 그것의 표시하려면이 코드가 필요 유 싶어 행동에서 볼 경우

<script type='text/javascript'> 
imvu_avatar_name = "TheDarkRaver"; 
imvu_panel_name = "rankings_panel"; 
imvu_section_name = "mp_right"; 
imvu_panel_width = 320; 
imvu_panel_height = 228; 
</script> 
<script type='text/javascript' 
src='http://www.imvu.com/catalog/web_panel_js.php'> 
</script> 

결과

http://tdr.host22.com/

사이트에서 찾고 HTML 및 스크립트 my javascript in external html is not loading

Answer 1

의 소스에 대한 링크가, 당신은 아마이 작업을 수행 할 수 :

어쩌면 다른 모든 콘텐츠 후, 페이지에이 곳을 넣어

var GetData = function(id){ 
    return $("#hiddenData > div." + id); 
}; 
$(document).ready(function() { 
    var sections = $("#menu a"); 
    var loading = $("#loading"); 
    var content = $("#content"); 

    function showLoading() { 
    loading.css({ 
     visibility: 'visible', 
     opacity: 1, 
     display: 'block' 
    }); 
    } 

    function hideLoading(){ 
    loading.fadeTo(1000, 0); 
    } 

    sections.click(function() { 
    showLoading(); 
    content.slideUp(); 
    GetData(this.id); 
    hideLoading(); 
    content.slideDown(); 
    }); 
}); 

:

<style> 
#hiddenData{display:none;} 
</style> 
<div id="hiddenData"> 
    <div class="about">About text</div> 
    <div class="home">Home text</div> 
</div> 

는 그런 다음 JS 파일 ( my javascript in external html is not loading에서 적응) 이러한 기능을 넣어