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

기본적으로 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개

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

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

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

답변에 대한 댓글 1개

늦은 시간에 답변 감사합니다 해보고 오겠습니다!

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

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

로그인
🐛 버그신고