모바일 전용 jquery는 어떻게 적용합니까?

Question

는 난 단지 모바일 브라우저에 대해 다음 jQuery를 적용해야합니다

<script> 
    $('.right').insertBefore('left'); 
</script> 

이 부트 스트랩 컬럼의 위치를 ​​다시 정렬하는 것입니다.

어떻게하면됩니까? 무언가에 감겨 있어야합니까?

Answer 1

모바일 장치의 브라우저 또는 터치 스크린이있는 랩톱인지 여부를 항상 감지하기는 어렵습니다. 그래서 당신이 화면 크기에 대한 우려가 있다면 그 대신에 나는 화면 크기를 감지하도록 권고 할 것이고 그 아래의 특정 레벨 (아래에 481px이라고 말하면 됨)을 우리는 그 모바일 화면이 당신의 필요한 코드를 실행할 것이라고 가정 할 것이다.

$(document).ready(function() { 
    $(window).on("resize", function (e) { 
     checkScreenSize(); 
    }); 

    checkScreenSize(); 

    function checkScreenSize(){ 
     var newWindowWidth = $(window).width(); 
     if (newWindowWidth < 481) { 
      $('.right').insertBefore('.left'); 
     } 
     else 
     { 
      $('.left').insertBefore('.right'); 
     } 
    } 
}); 

Answer 2

휴대 기기에만 적용되는 jQuery를 작성하려면 아래 샘플을 사용하면됩니다.

if(window.outerWidth > 425) { 
    alert('your jquery code here - it fires for mobile device only'); 
}