묻고답하기
맨땅에서 드롭다운메뉴 만들기
2014.12.30 13:17
http://lifeto.cafe24.com/xe/test
위사이트에서 메뉴에 롤오버하면 2차메뉴가 나오도록
<table>
<tr class="menu_normal_texts">
<td loop="$GNB->list=>$key1,$val1" class="menu_normal_active">
<a class="first_a" href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a></td>
<ul cond="$val1['list']" class="dropdown-menu">
<li loop="$val1['list']=>$key2,$val2"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
</ul>
</tr></table>
이렇게 태그를 만들고,
CSS에
.dropdown-menu{display:none}
.open .dropdown-menu{display:block;}
그리고
JS에
/* Drop Down */
jQuery('.menu_normal_active').hover(function(){
jQuery(this).addClass('open');
});
jQuery('.menu_normal_active').focus(function(){
jQuery(this).addClass('open');
});
jQuery('.menu_normal_active').mouseleave(function(){
jQuery(this).removeClass('open');
});
를 넣었습니다만, 메뉴가 작동하지 않네요.
도움 부탁드립니다.
댓글 3
-
XESTUDIO
2014.12.30 14:36
아, 감사합니다.
위 오류나는 스크립트를 모두 지워서 오류가 나지 않는데도 아직까지 메뉴는 나타나질 않네요.
-
$val1은 td 안에서 돌고 있는데, 드랍다운 코드는 td 밖에 있네요.
이러면 드랍다운 코드에 적용된 $val1['list'] 값은 없는 것으로 처리되어 HTML 상에 아예 나타나지 않고 있는 상황입니다.
드랍다운 스크립트가 동작하기 이전에 이미 스크립트 오류가 나 있네요.
이것부터 해결하셔야 할 것 같습니다.