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

제이쿼리 창사이즈에 따라서 변동 채택완료

이양엇 6년 전 조회 2,424

</p>

<p>$(document).ready(function(){

    //네비게이션 토글

    $(".nav > #container_wr > ul > li").click(function(){

        $(this).children("ul").slideToggle("fast");

        $(this).toggleClass("on");

    });

});</p>

<p>

현재 서브페이지에 네비게이션에 해당 제이쿼리를 사용하고있습니다

하지만 가로사이즈가 600이하일때 이것을 사용하고싶지않은데 어떻게 해야할지 감이 안잡히네요 ㅠㅠ 제이쿼리 반응형은 해본적이없어서 ㅠㅠ

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

답변 1개

채택된 답변
+20 포인트
아르키어드

</p>

<p>$(window).resize(function(){</p>

<p>    var width = $(window).width();</p>

<p>    if (width >= 600) {</p>

<p>        // 넓이가 600px 보다 크거나 같을때 실행할 이벤트</p>

<p>    }</p>

<p>});</p>

<p>$(window).trigger("resize");</p>

<p>

이렇게 작성해보셔요

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

답변에 대한 댓글 1개

이양엇
6년 전
오홍 감사합니다 잘되네요 ㅎㅎ

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

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

로그인