Как применить 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, применимый только к мобильным устройствам, просто используйте образец ниже, и это сработало для меня.