테스트 사이트 - 개발 중인 베타 버전입니다

html 인클루드 제이쿼리 로드 부분 채택완료

크라서스 4년 전 조회 2,707

기본적으로 html은 인클루드가 안되서 제이쿼리로 헤더부분을 로드했습니다.

 

헤더부분이 정상적으로 로드되긴 했는데

 

원본 헤더 부분에 호버 시 서브메뉴가 생기는 제이쿼리를 안에 내장했는데

 

<script>
$(".main_menu li").hover(function(){
    $(this).find("ul").stop().fadeToggle(400);
})
</script>

 

인클루드한 부분에서 저 제이쿼리가 불러와지질 않네요 ..

 

제이쿼리로 인클루드한 부분은 제이쿼리는 빼고 불러오는건가요? 방법이 없을까요?

 

인클루드 한 방법은

<script type="text/javascript">   
        $(document).ready( function() {
            $("#header").load("index.html #header");  // 헤더 인클루드
            $("#footer").load("index.html .address_area");  // 풋터 인클루드
        });
</script>

 

이렇게 불러왔습니다. 로드 자체는 정상적으로 되구요 원본 헤더부분에 제이쿼리만 로드가 안되네요 ..

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

4년 전

document ready상태에서 어디까지 호출이되는지 console.log를 찍어보세요

 

자바스크립트 이므로 load가 순차적이아니라 풋터가 먼저 인클루드될수잇으니 타이머 두고 로드해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

크라서스
4년 전
늦은 시간에 답변 감사합니다 해보고 오겠습니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인