그누보드에서 /jquery-ui.js가 적용이 안됩니다. 방법 있을까요?
본문
밑에 소스코드에서 animate효과에서 ui적용이 안되는데 방법 있을까요?
<div class="gnb_wrap">
<div class="menu">
<a href="#">대메뉴1</a>
<a href="#">대메뉴2</a>
<a href="#">대메뉴3</a>
<a href="#">대메뉴4</a>
<a href="#">대메뉴5</a>
</div>
<div class="snb">
<div class="snb_wrap">
<div>
<a href="#">서브1-1</a>
<a href="#">서브1-2</a>
<a href="#">서브1-3</a>
<a href="#">서브1-4</a>
</div>
<div>
<a href="#">서브2-1</a>
<a href="#">서브2-2</a>
<a href="#">서브2-3</a>
<a href="#">서브2-4</a>
</div>
<div>
<a href="#">서브3-1</a>
<a href="#">서브3-2</a>
<a href="#">서브3-3</a>
<a href="#">서브3-4</a>
</div>
<div>
<a href="#">서브4-1</a>
<a href="#">서브4-2</a>
<a href="#">서브4-3</a>
<a href="#">서브4-4</a>
</div>
<div>
<a href="#">서브5-1</a>
<a href="#">서브5-2</a>
<a href="#">서브5-3</a>
<a href="#">서브5-4</a>
</div>
</div><!-- snb_wrap end -->
<script>
var $=jQuery;
//이문서가 준비되면, | 실행문:.snb 슬라이드 업하자!
$(document).ready(
function(){
$('.snb').stop().slideUp(1000,'easeOutElastic'); /// <<<<<<<<<<<-----이부분
}
);
//.menu 마우스가 오버 되면,| 실행문:.snb 슬라이드 다운 하자!
$('.menu').mouseover(
function(){
$('.snb').stop().slideDown(300,'easeOutElastic'); /// <<<<<<<<<<<-----이부분
}
);
/*$('.snb').click(//.snb를 클릭했을때
function(){
$('.snb').slideUp(1000);//snb메뉴가 슬라이드 업된다
}
);*/
$('.snb').mouseleave(//.snb를 클릭했을때
function(){
$('.snb').stop().slideUp(1000,'easeOutElastic');//snb메뉴가 슬라이드 업된다
}
);
</script>
</div> <!-- snb end -->
</div> <!-- gnb_wrap end -->
답변 2
이런경우 중복 삽입된 jquery 라이브러리 때문에 종종 발생합니다.
소스보기 하셔서 중복으로 삽입된 jquery 라이브러리가 있는지 확인해보세요
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.19/jquery-ui.js"></script>
버전 바꾸니 됩니다.