채택완료
mouseout 이벤트 해제에 대한 질문있습니다.
안녕하세요. 저는 디자이너입니다. css로 기존 템플릿을 수정하여 홈페이지를 만들고 있습니다.
그중 마우스아웃 이벤트 해제 관련해서 질문이 있습니다.
상단서브이미지 밑으로 텝메뉴로된 하위메뉴를 해제하여 가로로 나열해서 사용할려고 합니다. 모양은 css로 갖춰줬는데, 제이쿼리로 마우스아웃 이벤트가 되어있고 이게 그누보드 jquery-1.12.4.min 파일과 연결이 되어있어 메뉴만 벗어나면 사라졌다 다시나타나는 현상이 있습니다. 전체메뉴에 영향이 갈까봐 이거를 뺄수도 없는 상황이고 제가 제이쿼리를 모르는부분도 있고해서 이부분을 건들수가 없습니다. 수정하고 싶은 이부분만 마우스아웃 이벤트를 해제하거나 상속을 안받을 수 있는 방법이없을까요?
한페이지가 아니라 서브페이지 연결되어있는 메뉴라 다 뒤져봤는데 방법이 없어가지고,
질문드립니다.
답변 4개 / 댓글 3개
채택된 답변
+20 포인트
http://gynemotion.or.kr/theme/emotion/html/css_js/common.js
여기를 보시면
$('.sub_location ul').mouseleave(function(){
$(this).find('ul').slideUp('fast');
$(this).removeClass('on');
});
이 네줄이 질문자님께서 말하는 마우스아웃 이벤트인것 같습니다.
한번 주석처리 하시고 확인해보세요
답변에 대한 댓글 3개
답변을 작성하려면 로그인이 필요합니다.
<?php
$css_file_url = preg_replace("'\/[^/]*\.php$'i", "/", $_SERVER['PHP_SELF']);
$css_file_url = preg_replace("'\/[^/]*\.htm$'i", "/", $css_file_url);
$css_file_url = preg_replace("'\/[^/]*\.html$'i", "/", $css_file_url);
$css_file_url = preg_replace("'\/[^/]*\.php3$'i", "/", $css_file_url);
?>
<link href="<?php echo $css_file_url ?>style<?php if(!$common_css_src) echo ".dt_ori.".substr(str_replace("#",".",$theme_license),0,-11); else echo $common_css_src;?>.css" rel="stylesheet" type="text/css"> <?php //회사소개 관련 css 를 연결합니다. 레이아웃은 한단계 위 css_js/common.css 에서 제어합니다. ?>
<section id="sub_visual">
<div class="backgroundimg">
<div class="visual_area" style="<?php if($SUB_BACKGROUND[$tmenu_]){?>background:url('<?php echo $SUB_BACKGROUND[$tmenu_]?>') no-repeat top center;<?php }?>"></div>
</div>
</section>
<section id="sub_wrapper">
<div id="sub_menu">
<div class="sub_location">
<div>
<div class="cen"><a href="<?php echo G5_URL ?>/index.php"><i class="fa fa-home" aria-hidden="true"></i></a></div>
<ul >
<li>
<ul style="display:inline-block !important; width:900px;">
<?php
// 2차 메뉴는 /theme/스킨명/theme.menu.php 내에서 세팅합니다.
while( list($k,$v) = @each($second_menu[$tmenu_]) ){
?>
<li style="width:170px; float:left; font-size:16px;"><a href="<?php echo $v?>" target="<?php echo $second_menu_target[$tmenu_][$k]?>"><?php echo $k?></a></li>
<?php }
@reset($second_menu);
?>
</ul>
</li>
</ul>
</div>
</div>
</div>