묻고답하기
xe 스쿨보고 따라하는 중 메뉴바 서브매뉴 관련
2015.10.28 23:54
xe스쿨 레이아웃 만드는 부분을 보고 따라해보고 있는데요
이제 다른 건 다 됐는데 매인 메뉴 마우스 오버 시 서브메뉴가 안뜨네요.....
메뉴바 관련 내용은 다음과 같은 것으로 파악했습니다.
[info.xml]
<menus>
<menu name="main_menu" maxdepth="3" default="true">
</menu>
</menus>
[mylay.html]
<div class="gnb">
<ul>
<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">
<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
</li>
</ul>
</li>
</ul>
</div>
[site_default.js]
// Global Navigation Bar
var gMenu = $('.header>div.gnb');
var gItem = gMenu.find('>ul>li');
var ggItem = gMenu.find('>ul>li>ul>li');
var lastEvent = null;
gItem.find('>ul').hide();
gItem.filter(':first').addClass('first');
function gMenuToggle(){
var t = $(this);
if (t.next('ul').is(':hidden') || t.next('ul').length == 0) {
gItem.find('>ul').slideUp(200);
gItem.find('a').removeClass('hover');
t.next('ul').slideDown(200);
t.addClass('hover');
};
};
function gMenuOut(){
gItem.find('ul').slideUp(200);
gItem.find('a').removeClass('hover');
};
gItem.find('>a').mouseover(gMenuToggle).focus(gMenuToggle);
gItem.mouseleave(gMenuOut);
[site_default.css]
/* 상단 메뉴바 */
.gnb{float:left;white-space:nowrap;margin-bottom:10px }
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb ul ul{display:none;position:absolute;left:0;top:38px;padding:5px 0;background:#666;border:1px solid #444;border-top:0}
.gnb li{float:left;list-style:none;background:url(../images/default/bgGnbVr.gif) no-repeat left center;padding-left:2px;position:relative;white-space:nowrap}
.gnb li.first{padding:0;background:none}
.gnb li li{float:none;background:none;padding:0;left:0}
.gnb li a{float:left;padding:13px 15px 0 15px;height:25px;color:#e8e8e8;white-space:nowrap;text-decoration:none}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus{color:#fff}
.gnb li.active a{font-weight:bold;color:#fff;background:url(../images/default/bgGnbOn.gif) no-repeat center top}
.gnb li li a{float:none;display:block;padding:5px 15px !important;background:none !important;height:auto;font-weight:normal !important}
.gnb li li.active a{font-weight:bold !important}
어디에 문제가 있을까요? css 제거시 메인 메뉴 리스트가 서브메뉴까지 다 정상적으로 생성된 것을 확인했습니다.
- [2019/09/15] 묻고답하기 XEDITION LNB 관련하여 몇가지 질문드립니다. *2
- [2016/12/21] 묻고답하기 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 *1
- [2016/03/09] 묻고답하기 LNB메뉴 사이즈 조절 할 수 없을까요..? *1
- [2015/10/22] 묻고답하기 서브 메뉴수정이 이렇게 힘든건가요? *12
- [2015/07/10] 묻고답하기 메인메뉴 가운데 정렬 문으 드립니다. *2
댓글 4
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
supi**** | XEDITION LNB 관련하여 몇가지 질문드립니다. [2] | 2019.09.18 by supi**** |
립샤 | 고수님들 제발 도와주세요. 창크기에 따라서 위젯 위치가 자꾸 변합니다 [1] | 2018.10.15 by 르미 |
물김밥 | LNB메뉴 사이즈 조절 할 수 없을까요..? [1] | 2016.03.29 by WebdesignerS |
sage하늘 | 서브 메뉴수정이 이렇게 힘든건가요? [12] | 2015.11.09 by sage하늘 |
레인포드 | xe 스쿨보고 따라하는 중 메뉴바 서브매뉴 관련 [4] | 2015.10.29 by 레인포드 |
초옹무 | 메인메뉴 가운데 정렬 문으 드립니다. [2] | 2015.07.13 by 초옹무 |