JavaScript erst bei bestimmter Auflösung laden

[designeule]

Hallo Leute,

gibt es eine Möglichkeit ein Script erst bei einer bestimmten Auflösung laden zu lassen?

Sprich z.b. in der Smartphone Version ist Script xy nicht aktiv.

Kennt ihr etwas?

Beste Grüße,
designeule

 

[cythux]

Wozu soll das bitte gut sein

 

[cebito]

So? Voraussetzung hier ist natürlich, dass du jQuery geladen hast, sonst musst es noch anpassen...

function loadScript(){
    var script = document.createElement('script');
    script.src = 'meineDatei.js';
    $('head').append(script);
}
var loading = $(window).width();
if(loading >= 500){
    loadScript();
}

 

[designeule]

Wozu soll das bitte gut sein

Verwende dieses Script für ein Kundenprojekt

Mein Problem ist, dass ich Bereiche auf der Seite habe, die die Bildschirmhöhe überschreiten (in der Smartphone Version). Das Script (siehe oben) lässt das scrollen aber nicht zu...

Habe jetzt einfach nach der für mich einfachsten Lösung gesucht und gedacht das Script einfach in der Smartphone Version samt der CSS Datei auszublenden!

Kennt sich jemand mit dem Plugin aus?

Wenn ja, was gibt es für Alternativen für RWD und mein Problem?

Danke im voraus!

So? Voraussetzung hier ist natürlich, dass du jQuery geladen hast, sonst musst es noch anpassen...

function loadScript(){
    var script = document.createElement('script');
    script.src = 'meineDatei.js';
    $('head').append(script);
}
var loading = $(window).width();
if(loading >= 500){
    loadScript();
}

Danke!


EDIT: Hab es schon gelöst! Ich habe in der CSS Datei des Plugins einfach ein CSS3 Media Querie eingebaut! Lag also gar nicht an der JavaScript Datei!

 

[fakerer]

Hi,
was ist RWD?
für was brauchst du das Plugin? das macht ja genau nix andres als das es immer eine section auf einer Seite anzeigt und verursacht so dein Problem wenn ich das richtig sehe.

wenn es darum geht einzelne Funktionen ab einer bestimmten breite auszuführen reicht auch

if ($(window).width() >= GEWÜNSCHTE_BREITE_IN_PIXEL) {
... aufruf der funktion und oder laden
}

 

[cythux]

Hi,
was ist RWD?

[/code]

RWD = Reponsive Webdesign
AWD = Adaptives Webdesign

Für mobile Endgeräte

 

[Pixelaner]

Zu beachten ist hierbei auch, dass die Elemente durch das spätere nachladen des Scripts ggf. noch nicht angesprochen werden können da der DOM bereits geladen wurde.

Jenachdem was du in dem Script genau vorhast.

Für den Hinterkopf und eventueller Problemfindung.