Antworten auf deine Fragen:
Neues Thema erstellen

JavaScript erst bei bestimmter Auflösung laden

designeule

Noch nicht viel geschrieben

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
 

cebito

undefined

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

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

designeule

Noch nicht viel geschrieben

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...

Javascript:
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!
 
Zuletzt bearbeitet:

fakerer

Aktives Mitglied

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
Code:
if ($(window).width() >= GEWÜNSCHTE_BREITE_IN_PIXEL) {
... aufruf der funktion und oder laden
}
 

Pixelaner

Der 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.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben