간단한 제이쿼리 질문입니다.. 채택완료
안녕하세요 초보입니다..
간단한 스크립트를 짜고 있는데 잘 안되서요 ㅠㅠ
서브페이지에 $pg = 'sub1'; 이걸 선언해 두었고
스크립트로
<script type="text/javascript" style="animation-iteration-count:infinite;">
if($pg =='sub1'){
$('.sub1').css("display","block")
}
</script>
이렇게 해봤지만 sub1로 갔을때 디스플레이 블락이 먹히지 않습니다.
뭐가 잘못된 걸까요?
그리고 추가로 메뉴를 호버 했을때 서브메뉴가 display:block; 이런식으로 간단하게 호버효과를 해두었습니다. 당연히 서브메뉴에서 마우스가 떨어지면 서브메뉴가 디스플레이가 논이 되는데요 서브페이지에서는 계속 보이게 하고 싶습니다. 예를들어 http://www.kogel.kr/ko/reservation/reservation01.php
위 사이트 처럼 서브메뉴들이 작동하게 하려면 어떻게 해야 할까요?
도와주세요 ㅠㅠ
답변 3개
위에 문의하신 샘플사이트에 가서보면
<script type="text/javascript"> $("#nav>ul>li.menu05>ul").css({"display":"block"}); $("#nav>ul>li.menu05>a").css({"color":"#005a9b","font-weight":800}); $(".nav_2dpth_bg").css({"height":"60px"}); $("#nav>ul>li.menu05>ul>li:nth-child(1)>a").css({"color":"#005a9b","font-weight":700});</script><div class="safe_box"> <div class="content_contain sub_cont clearfix"> <div class="sub_title_box"> <h2>자주 묻는 질문</h2>...와 같은 방식으로 직접 호출된영역이 나오게끔 되어있네요
구체적인 구현방식을 어떻게하셨는지는 모르지만.
제 생각엔..
li.menu0X <--를 페이지에 넣어서
<? phpif ($_SERVER["PHP_SELF"] == "/sub1.php") $menu = "menu05";?> <script type="text/javascript"> $("#nav>ul>li.m<?php echo $menu?> >ul").css({"display":"block"}); $("#nav>ul>li.<?php echo $menu?>>a").css({"color":"#005a9b","font-weight":800}); $(".nav_2dpth_bg").css({"height":"60px"}); $("#nav>ul>li.<?php echo $menu?>>ul>li:nth-child(1)>a").css({"color":"#005a9b","font-weight":700});</script>
위와같은 패턴의 변수로 처리하시는건 어떨런지요..
그리고도 안 열리면 소스보기의 소스를 받아서 직접 로컬에서 돌려보세요
답변에 대한 댓글 4개
이거같은 경우에는 좀 애매하네요. 이렇게 해놓으면 nth1 만 효과가 먹히지 않을까요?
힌트를 드리면
저 같은경우 include를 이용하겠습니다.
각 sub마다 선언된 고유값을 가지고, menu여부를 판단하면되구요
아래 님이 답변하신것처럼
javascript로 처리하시는것도 방법입니다.
구현이 어떻게 되던지, 작업자가 깔끔하게 진행하고,
결과코드가 간결한게 상책이겠죠
함수를 만들어서 호출하는것도 좋은방법입니다.
댓글을 작성하려면 로그인이 필요합니다.
.hover(), .show(), .hide() 함수를 이용해보시기 바랍니다.
전체적인 스크립트를가 없어서 답변이 어렵습니다.
댓글을 작성하려면 로그인이 필요합니다.
echo '<script>var pg = "sub1";</script>';
<script type="text/javascript" style="animation-iteration-count:infinite;">
if( pg == 'sub1' ){
$('.sub1').css("display","block")
}
</script>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인