묻고답하기
XE Default 레이아웃에서 드롭다운 메뉴 수정
2013.10.25 17:45
XE Default 레이아웃에서 드롭다운 메뉴에서 마우스를 오버 하면 서브메뉴가 한번에 다 열립니다.
각각의 메뉴에 마우스하면 해당되는 각 서브 메뉴만 열리게 하고싶은데 어디를 수정해야할 지 모르겠습니다.
도와주세요. 감사합니다.
default.layout.js 파일입니다.
jQuery(function($){
// GNB
var $gnb = $('.gnb');
var $gnb_li = $gnb.find('>ul>li');
var $gnb_a = $gnb.find('>ul>li>a');
var $gnb_sub = $gnb.find('ul ul');
// IE 7 debug
if($.browser.msie && $.browser.version == "7.0"){
$gnb_a.each(function(){
$(this).width($(this).width());
});
}
if($gnb_sub.length){
$gnb.mouseover(function(){
$gnb.addClass('open');
});
$gnb.mouseleave(function(){
$gnb.removeClass('open');
$gnb_li.removeClass('hover');
});
}
$gnb_a.mouseover(function(){
$(this).parent('li').addClass('hover').siblings('li').removeClass('hover');
});
$gnb_a.focus(function(){
$(this).trigger('mouseover');
});
$gnb.find('a').focusout(function(){
setTimeout(function(){
if($gnb.find('a:focus').length == 0){
$gnb.trigger('mouseout');
}
}, 100);
});
댓글 3
-
LETITBE
2013.10.25 20:35
-
DoubleUDragon
2013.10.26 12:41
정말 감사드립니다! -
무한짱
2014.09.09 15:07
저두 감사합니다!!^^
CSS로 작업하는게 더 편할 것 같아서요. 수정한 부분은 menu.css 파일을 첨부했고(동일디렉토리내에집어넣으시면 되겠습니다. default.layout.css쪽에 내용 첨가하지 않은 것은 혹시 마음에 안드시면 원래대로 돌리시라고ㅡ,.ㅡ
수정한 것은 <load target="menu.css" /> 첨가...
<nav> GNB쪽 </nav> 내부만 수정을 하였습니다. 다른 것은 건드리지 않았구요. 색상이나 이런건 원하시는대로 수정하시면 되겠습니다.
아래 파일 첨부합니다...