Wie kann ich jQuery nur für Handys anwenden?

Question

Ich brauche nur die folgende Jquery für mobilen Browser anwenden:

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

Dies ist die Position der Bootstrap-Spalten neu zu ordnen.

Wie mache ich das? Muss es in etwas eingewickelt werden?

Answer 1

Es ist immer sehr schwer zu erkennen, ob es der Browser eines mobilen Geräts oder ein Laptop mit einem Touchscreen ist. Also anstatt zu erkennen, dass, wenn Sie Bedenken über die Bildschirmgröße haben, dann werde ich Ihnen empfehlen, die Bildschirmgröße zu erkennen und wenn es unter bestimmten Niveau (sagen wir unter 481px) dann werden wir davon ausgehen, dass es ein Handy-Bildschirm und wird Ihren benötigten Code ausführen wie folgt:

$(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

Um jQuery zu schreiben, die für mobile Geräte gilt nur, benutzen sie einfach die Probe unten und es funktionierte für mich.