/ / Deaktivieren Sie bestimmte Skripts für mobile Geräte - Jquery, Responsive-Design

Deaktivieren Sie bestimmte Skripts für mobile Geräte - jquery, responsive-design

In diesen Tagen kann fast alles auf einer Website seinresponsive (Größe für verschiedene Bildschirmgrößen korrekt). Eine letzte Sache, für die ich keine Lösung gefunden habe, ist jQuery-Plugins. Beispielsweise verwende ich ein Plugin, das einige schwebende Partikel im Hintergrund der Site animiert. Es sieht auf dem Desktop gut aus, stottert jedoch auf einem Smartphone.

Ich würde gerne Gedanken und Ideen hören, wie Sie ein Skript deaktivieren könnten, wenn die Seite in einem Browser mit mobiler Größe geladen wird. Die Verwendung von Javascript, um dies zu tun, wäre OK.

Antworten:

0 für die Antwort № 1

Verwenden Sie MatchMedia.js https://github.com/paulirish/matchMedia.js und laden Sie die Plugins nur, wenn sie über einer bestimmten Ansichtsfenstergröße liegen.


0 für die Antwort № 2

So können Sie feststellen, ob der Browser ein Mobiltelefon ist: http://www.jquery4u.com/mobile/detect-mobile-devices-jquery/

Benutzen $.getScript um Ihre Skripte gemäß dem Browser zu laden.