제이쿼리 이부분 어떻게 수정해야할까요??


;(function($) {
 $.fn.gnbmenu = function(options) {
  options = $.extend({
   width:900,
   speed: 500,
   easing: 'easeOutCubic', 
   reset: 2000
  }, options);
  
  return this.each(function() {
   var $nav = $(this),
     $nav_gnb = $(this).find('li'),
     $gnb_img = $('.gnb_img p'),
     $current_item = $(this).find('.focus'),
     $index = 0, $focus_index = 0,
     $autoheight = $('.intro').outerHeight(),
     reset;
   $('#container').css('height',$autoheight);
   $nav_gnb.bind('mouseover focusin', function() {
    $index = $(this).index();
    clearTimeout(reset);
    $gnb_img.animate({
     left: $(this).position().left,
     width: $(this).outerWidth()
    }, {
     duration: options.speed,
     easing: options.easing,
     queue: false
    });
   })
   .bind('mouseover focusin', function() {
    reset = setTimeout(function() {
     $gnb_img.animate({
      left: $current_item.position().left,
      width: $current_item.outerWidth()     
     }, options.speed);
    }, options.reset);
   })
   .click(function(){
    $(this)
     .siblings().removeClass('focus')
     .end().addClass('focus');
    $current_item = $(this);    
    $focus_index = $(this).index();
    if($focus_index == 0){
     $('#wrap').addClass('none');
    }else{
     $('#wrap').removeClass('none');
    }
    $autoheight = $('.contents>div:eq('+ $focus_index +')').outerHeight();
    $('#container').stop().animate({'height':$autoheight},options.speed)
    $('.contents').stop().animate({'left':- options.width * $focus_index
    },options.speed,options.easing);
   })
   $('#header h1').click(function(){
    clicklink(0);
   });
   $('.int>#sol01').click(function(){
    clicklink(3);
   });
   
   
   function clicklink(a){
    $('.focus').removeClass('focus');
    if(a == 0){
     $('#wrap').addClass('none');
    }else{
     $('#wrap').removeClass('none');
    }
    $current_item = $nav.find('li:eq(' + a + ')').addClass('focus');
    $autoheight = $('.contents>div:eq(' + a + ')').outerHeight();
    $('.contents').stop().animate({'left':- options.width * a},options.speed);
    $('#container').stop().animate({'height':$autoheight},options.speed);
    clearTimeout(reset);
    reset = setTimeout(function() {
     $gnb_img.animate({
      left: $current_item.position().left,
      width: $current_item.outerWidth()     
     }, options.speed);
    }, 100);
   };
  });
 }
})(jQuery);

이 쿼리를 해상도가 1024이상일때만 (데스크탑) 실행되게 하려면 어떻게 소스를 수정해야할까요??
|

댓글 1개

if statement 만 하나 넣어주시면 되잖아요.

if (screen.width >= 1024) {
메뉴실행
}

아니면 서버쪽에서 (php 에서) 브라우져 agent detect 하셔서 데스크탑인 경우에만 위 jQuery 를 load 하게 하셔도 되고.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
11년 전 조회 2,880
11년 전 조회 3,201
11년 전 조회 2,424
11년 전 조회 2,574
11년 전 조회 2,539
11년 전 조회 2,672
11년 전 조회 3,188
11년 전 조회 2,773
11년 전 조회 2,784
11년 전 조회 7,255
11년 전 조회 2,819
11년 전 조회 2,935
11년 전 조회 2,984
11년 전 조회 3,108
11년 전 조회 3,498
11년 전 조회 5,090
11년 전 조회 3,496
11년 전 조회 2,285
11년 전 조회 2,081
11년 전 조회 2,210
11년 전 조회 2,297
11년 전 조회 2,578
11년 전 조회 1.7만
11년 전 조회 2,683
11년 전 조회 1,812
11년 전 조회 1,847
11년 전 조회 2,116
11년 전 조회 4,417
11년 전 조회 2,183
11년 전 조회 1,964
11년 전 조회 2,000
11년 전 조회 1,877
11년 전 조회 2,067
11년 전 조회 2,856
11년 전 조회 1,805
11년 전 조회 2,221
11년 전 조회 2,885
11년 전 조회 1,743
11년 전 조회 2,608
11년 전 조회 1,952
11년 전 조회 2,085
11년 전 조회 2,557
11년 전 조회 2,835
11년 전 조회 1,782
11년 전 조회 2,356
11년 전 조회 1,716
11년 전 조회 4,895
11년 전 조회 2,299
11년 전 조회 2,567
11년 전 조회 2,331
11년 전 조회 1,781
11년 전 조회 1,908
11년 전 조회 1,803
11년 전 조회 6,291
11년 전 조회 1,768
11년 전 조회 1,776
11년 전 조회 4,207
11년 전 조회 2,073
11년 전 조회 5,624
11년 전 조회 2,999
11년 전 조회 3,827
11년 전 조회 1,753
11년 전 조회 1,776
11년 전 조회 2,631
11년 전 조회 1,822
11년 전 조회 2,777
11년 전 조회 2,715
11년 전 조회 5,621
11년 전 조회 2,108
11년 전 조회 3,238
11년 전 조회 2,526
11년 전 조회 2,580
11년 전 조회 2,665
11년 전 조회 1,905
11년 전 조회 2,731
11년 전 조회 1,597
11년 전 조회 4,912
11년 전 조회 2,959
11년 전 조회 2,791
11년 전 조회 2,429
11년 전 조회 7,931
11년 전 조회 2,365
11년 전 조회 1,994
11년 전 조회 3,459
11년 전 조회 2,809
11년 전 조회 1,914
11년 전 조회 2,342
11년 전 조회 3,652
11년 전 조회 3,059
11년 전 조회 2,875
11년 전 조회 3,185
11년 전 조회 3,464
11년 전 조회 4,224
11년 전 조회 3,815
11년 전 조회 3,861
11년 전 조회 4,566
11년 전 조회 4,351
11년 전 조회 1,756
11년 전 조회 5,238
11년 전 조회 6,312