테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리(Jquery) 질문 있습니다..ㅠㅠ 채택완료

고급지게 9년 전 조회 4,760
</span></pre><pre style="font-family: 굴림체; font-size: 9pt; background-color: rgb(255, 255, 255);"><span style="background-color:#efefef;"><</span><span style="color:#000080;background-color:#efefef;font-weight:bold;">script </span><span style="color:#0000ff;background-color:#efefef;font-weight:bold;">type=</span><span style="color:#008000;background-color:#efefef;font-weight:bold;">"text/javascript"</span><span style="background-color:#efefef;">></span>

$(<span style="color:#660e7a;font-weight:bold;font-style:italic;">document</span>).ready(<span style="color:#000080;font-weight:bold;">function</span>(){
     $(<span style="color:#008000;font-weight:bold;">"#nav > li > a"</span>).on(<span style="color:#008000;font-weight:bold;">"click"</span>, <span style="color:#000080;font-weight:bold;">function</span>(e){
       <span style="color:#000080;font-weight:bold;">if</span>($(<span style="color:#000080;font-weight:bold;">this</span>).<span style="color:#7a7a43;">parent</span>().<span style="color:#7a7a43;">has</span>(<span style="color:#008000;font-weight:bold;">"ul"</span>)) {
         e.<span style="color:#7a7a43;">preventDefault</span>();
       }
       
       <span style="color:#000080;font-weight:bold;">if</span>(!$(<span style="color:#000080;font-weight:bold;">this</span>).hasClass(<span style="color:#008000;font-weight:bold;">"open"</span>)) {
         <span style="color:#808080;font-style:italic;">// hide any open menus and remove all other classes
</span><span style="color:#808080;font-style:italic;">         </span>$(<span style="color:#008000;font-weight:bold;">"#nav li ul"</span>).slideUp(<span style="color:#0000ff;">350</span>);
         $(<span style="color:#008000;font-weight:bold;">"#nav li a"</span>).removeClass(<span style="color:#008000;font-weight:bold;">"open"</span>);
         
         <span style="color:#808080;font-style:italic;">// open our new menu and add the open class
</span><span style="color:#808080;font-style:italic;">         </span>$(<span style="color:#000080;font-weight:bold;">this</span>).<span style="color:#7a7a43;">next</span>(<span style="color:#008000;font-weight:bold;">"ul"</span>).slideDown(<span style="color:#0000ff;">350</span>);
         $(<span style="color:#000080;font-weight:bold;">this</span>).addClass(<span style="color:#008000;font-weight:bold;">"open"</span>);
       }
       
       <span style="color:#000080;font-weight:bold;">else if</span>($(<span style="color:#000080;font-weight:bold;">this</span>).hasClass(<span style="color:#008000;font-weight:bold;">"open"</span>)) {
         $(<span style="color:#000080;font-weight:bold;">this</span>).removeClass(<span style="color:#008000;font-weight:bold;">"open"</span>);
         $(<span style="color:#000080;font-weight:bold;">this</span>).<span style="color:#7a7a43;">next</span>(<span style="color:#008000;font-weight:bold;">"ul"</span>).slideUp(<span style="color:#0000ff;">350</span>);
       }
     });
   });

<span style="background-color:#efefef;"></</span><span style="color:#000080;background-color:#efefef;font-weight:bold;">script</span><span style="background-color:#efefef;">></span></pre><pre style="font-family: 굴림체; font-size: 9pt;"><span style="background-color: rgb(239, 239, 239);">


메뉴 네비게이션 제이쿼리인데

메뉴 눌렀을때 현재페이지 메뉴를 고정시킬수 있는방법 좀 가르쳐주세요ㅠㅠㅠㅠ 
지금 현재는 메뉴를 누르고 들어가면 슬라이더가 닫혀버려요ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
p
9년 전

$("#nav li a").removeClass("open"); 이 부분 주석처리 해보세요 

조절은 뭐 제이쿼리 보시면서 하시면 되실듯

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

고급지게
9년 전
ㅠㅠㅠ안되네여... 흠.. 링크 타고 들어가도 유지하게 되야하는데ㅠㅠ그냥 사라지네요
p
port443
9년 전
메뉴를 누르고 들어간다는 말이 링크 이동이였습니까?
하지만 저기에 나온건 클릭 이벤트에 대한거만 있는데;
새로 짜시는게 맞을거 같은대요 ;;;

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인