간단한 제이쿼리 질문입니다..
본문
안녕하세요 초보입니다..
간단한 스크립트를 짜고 있는데 잘 안되서요 ㅠㅠ
서브페이지에 $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 <--를 페이지에 넣어서
위와같은 패턴의 변수로 처리하시는건 어떨런지요.. 그리고도 안 열리면 소스보기의 소스를 받아서 직접 로컬에서 돌려보세요
<? php
if ($_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>
답변 감사합니다. 각 서브페이지에 선언해주어야 하는건가요?
$("#nav>ul>li.<?php echo $menu?>>ul>li:nth-child(1)>a").css({"color":"#005a9b","font-weight":700});
이거같은 경우에는 좀 애매하네요. 이렇게 해놓으면 nth1 만 효과가 먹히지 않을까요?
@배꾸이 제가 대신 코딩해드리는게 아니라서.. 모든 답은 어렵겠지만.
힌트를 드리면
저 같은경우 include를 이용하겠습니다.
각 sub마다 선언된 고유값을 가지고, menu여부를 판단하면되구요
아래 님이 답변하신것처럼
javascript로 처리하시는것도 방법입니다.
구현이 어떻게 되던지, 작업자가 깔끔하게 진행하고,
결과코드가 간결한게 상책이겠죠
함수를 만들어서 호출하는것도 좋은방법입니다.
친절한 답변 감사합니다!
echo '<script>var pg = "sub1";</script>';
<script type="text/javascript" style="animation-iteration-count:infinite;">
if( pg == 'sub1' ){
$('.sub1').css("display","block")
}
</script>
감사합니다 잘 출력되네요~
.hover(), .show(), .hide() 함수를 이용해보시기 바랍니다.
전체적인 스크립트를가 없어서 답변이 어렵습니다.
