jquery resize-Fenster-und mobile-detect

Wie für die Nutzung von mobile zu erkennen und die Fenster, ändern der Größe in der gleichen Zeit ?
Ich habe zum Beispiel dieses Stück code

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480 ){
    //do this
    }else{
    //do something else
}

und ich will etwas schreiben, ähnlich wie oben aber überprüfen, ob der browser, mobile oder, wenn Fenster in der Größe geändert wird plus Fenster Breite weniger als 480 pixel. z.B. kombinieren Sie den folgenden code mit den oben genannten code. 

 $(window).resize(function() {
      if ($(window).width() < 480) {
         }else{}
 });
InformationsquelleAutor kayee | 2013-08-25
  1. 0

    Wenn ich die Frage verstehen, richtig Sie sollten in der Lage sein, einfach das zu tun diese:

    $(window).resize(function() {
    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480 ){
    //do this
    }else{
    //do something else
    }
}

    Oder Sie speichern könnte die user-agent in eine variable vor der dom-Initialisierung:

    var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
$(document).ready(function() {
     $(window).resize(function() {
         if ($(window).width() < 480 || isMobile) {
         //handle less than 480
         }else{
         //handle else
         }
     });
});
    • aber würde das Handy erkennt, wenn es ' s in der resize-Funktion? da mobile erkennen nicht erforderlich, Fenster zu ändern.
    • Ja, es würde weiterhin funktionieren, da navigator ist eine Global verfügbare variable. Entweder option sollte das tun, was Sie suchen.
    • Ich habe gerade versucht das oben und es funktioniert nicht
    InformationsquelleAutor Jonathan Crowe
Schreibe einen Kommentar