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가 순차적이아니라 풋터가 먼저 인클루드될수잇으니 타이머 두고 로드해보세요
늦은 시간에 답변 감사합니다 해보고 오겠습니다!
답변을 작성하시기 전에 로그인 해주세요.